javascript - 複数の要素を 1 回のクリックで

Question

私は次のjqueryを持っています...

$(".parentElem").on("click", "input[id*='myitem']", function() {
    myfunction();
});

と

$(".parentElem").on("click", "input[id*='myotheritem']", function() {
    myfunction();
});

これらはどちらも正常に機能しますが、クリック可能なすべての要素を個別にリストする必要はありません...一度にすべてリストしたいです-このようなものです...

$(".parentElem").on("click", "input[id*='myitem'], input[id*='myotheritem']", function() {
    myfunction();
});

これは可能ですか？私にはうまくいかないようです。

Answer 1

メソッドの 2 番目の引数は.on()CSS セレクターです。そのため、個々の要素を ID とともに渡す必要はありません。次のようなジェネリック クラスまたはセレクターを使用できます。

$('.parentElem').on('click', 'input', function(event) {
    // Function body here
});

Answer 2

委任機能を使用しないでください。代わりに、独自のチェックを行ってください。

$(".parentElem").on("click", function() {
    // check if event.target matches an element that you want to trigger on
});

Answer 3

これは私のために働く：

$(".parentElem").find("input[id*='myitem'], input[id*='myotheritem']").each(function(){
    $(this).click(function(){
        myfunction();
    });
});

デモ