1. ホーム
  2. jquery

[解決済み] jQueryの複数要素の同一クリックイベント

2022-03-21 04:15:46

質問

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

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

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

というようなことをするのではなく

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

ありがとうございます。

解決方法は?

$('.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);