[解決済み] 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);
関連
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] event.preventDefault() vs. return false
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] Microsoft JSONの日付はどのようにフォーマットするのですか?
-
[解決済み] モバイル端末の検出にはどのような方法がありますか?
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
-
[解決済み] スクロールした後に要素が表示されているかどうかを確認するには?
-
[解決済み] jQuery 複数のイベントで同じ関数を起動する
-
[解決済み] javascript(またはjQuery)を使って::beforeや::afterなどのCSS疑似要素を選択し、操作する。
-
[解決済み】jQueryで入力不可属性をトグルする。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught TypeError: 未定義のプロパティ 'length' を読み取れませんでした。
-
[解決済み] jquery mobileでページ中央のグリッド表示
-
[解決済み] jQueryです。簡単なオーバーレイを作成するにはどうすればよいですか?
-
[解決済み] JQueryでラジオボタンがチェックされているかどうかを調べる?
-
[解決済み] jQueryを使って「Please Wait, Loading...」というアニメーションを作成するにはどうすればよいですか?
-
[解決済み] jQuery UI DatePicker - 日付フォーマットの変更
-
[解決済み] Twitter Bootstrapのモーダルウィンドウを閉じないようにする
-
[解決済み] チェックボックスがチェックされた場合のjQuery
-
[解決済み] jQueryの複数要素の同一クリックイベント
-
[解決済み] jQueryでinput[type=text]の値変化を検出する