jQuery 複数の要素に対して同じクリックイベントを実行する 質問する

jQuery 複数の要素に対して同じクリックイベントを実行する 質問する

ページ上の異なる要素に対して同じコードを実行する方法はありますか?

$('.class1').click(function() {
   some_function();
});

$('.class2').click(function() {
   some_function();
});

代わりに次のようにします:

$('.class1').$('.class2').click(function() {
   some_function();
});

ベストアンサー1

$('.class1, .class2').on('click', some_function);

または:

$('.class1').add('.class2').on('click', some_function);

これは既存のオブジェクトでも機能します:

const $class1 = $('.class1');
const $class2 = $('.class2');
$class1.add($class2).on('click', some_function);

おすすめ記事