複数の要素に対するjQueryの同じクリックイベント

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

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

通常はのon代わりに使用しますclick。特定の関数にイベントリスナーを追加できます。

$(document).on("click touchend", ".class1, .class2, .class3", function () {
     //do stuff
});

それが役に立てば幸い！

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

$（ '。class1、space here.class2'）のようにスペースを入れてください。そうしないと機能しません。

$('.myclass1, .myclass2, .myclass3')複数のセレクターに使用するだけです。また、既存の関数をクリックイベントにバインドするためにラムダ関数は必要ありません。

もう1つの方法として、要素が変数として格納されていると想定します（関数本体で要素に複数回アクセスする場合は、多くの場合これが適切です）。

function disableMinHeight() {
    var $html = $("html");
    var $body = $("body");
    var $slideout = $("#slideout");

    $html.add($body).add($slideout).css("min-height", 0);
};

jQueryチェーンを利用して、参照を使用できるようにします。

要素を変数（jQueryオブジェクト）として保持する、または保持したい場合は、それらをループすることもできます。

var $class1 = $('.class1');
var $class2 = $('.class2');

$([$class1,$class2]).each(function() {
    $(this).on('click', function(e) {
        some_function();
    });
});

このようなクラスのコンマ区切りリストを追加します。

jQuery(document).ready(function($) {

$('.class, .id').click(function() { 

//  Your code

    }

});

以下のようにコーディングすることもできます。ここではぼかしイベントを使用しました。

$("#proprice, #proqty").blur(function(){
      var price=$("#proprice").val();
      var qty=$("#proqty").val();
      if(price != '' || qty != '')
      {
          $("#totalprice").val(qty*price);
      }
  });

同じイベントで処理する必要がある多くの入力フィールドを含むオブジェクトへのリンクがあります。そのため、find（）を使用して、イベントを持つ必要のあるすべての内部オブジェクトを取得します

var form = $('<form></form>');
// ... apending several input fields

form.find('input').on('change', onInputChange);

オブジェクトがリンクの1つ下のレベルである場合は、children（）の代わりにfind（）メソッドを使用できます。

上記の優れた例と回答に加えて、クラスを使用して2つの異なる要素を「検索」することもできます。例えば：

<div class="parent">
<div class="child1">Hello</div>
<div class="child2">World</div>
</div>

<script>
var x = jQuery('.parent').find('.child1, .child2').text();
console.log(x);
</script>

これは「HelloWorld」を出力するはずです。