javascript - 種類のすべてのdivを選択してイベントを添付するjQuery

Question

 $('#tags').each(function(i,element){

            $(this).on('click',function(){


              $('.otherdiv').toggle();

        });

タグの ID を持つすべての div にクリック ハンドラーをアタッチするにはどうすればよいですか? 何らかの理由で、これは最初のもののみをターゲットにしています

Answer 1

それぞれの必要はありません。次のようにするだけです。

$('.tags').on('click',function(){
    $('.otherdiv').toggle();
});

のクラスtagsを各 div に適用します。同じ ID を持つ複数の div を使用しないでください。

これにより、クリック時のバインディングがtagsクラスを持つすべての div に適用されます。

Answer 2

複数の ID を持つことはできません。

代わりにクラスを使用してください。

$(".tags").click(function() {
       $('.otherdiv').toggle();
});

必要なすべての要素にcssクラスを属性付けます

Answer 3

ID は一意です。任意の ID を持つ要素を 1 つ以上持つべきではありません。他の回答で述べたように、class代わりに使用して複数の要素を選択します。