bootstrap4で作成したボタンがjqueryの「$('.btn').hide();」で消えない。

Question

<button class="btn btn-primary" type="submit">送信</button>

bootstrapで作成したボタンを、

$(function() {
    $('.btn').click(function() {
        $('.btn').hide();
    });
});

で消したいのですが、上手くいきません。
どの様にすれば良いでしょうか？

Answer 1

この書き方はこの時にあったbtnクラスにしか効きません。

    $('.btn').click(function() {
        $('.btn').hide();
    });

こんな感じに親のイベントから受ければいいはず。（でもこれクラスbtn全部消えるよね…）

    $(document).on("click", ".btn", function () {
        $('.btn').hide();
    });