jquery - コレクション項目への JQuery バインドイベント

Question

JQuery を使用して、コレクションのすべての要素にイベントをバインドできます。いずれにせよ、コレクションから 1 つのアイテムだけを選択したい場合は、それにバインドされたイベントはありません。次のコードスニペットには間違いがあるはずです。前もって感謝します！

var divs = jQuery('.elternklasse').get(0).bind('click', function(){
    alert('Bin da');
});

score 3 · Accepted Answer

使用eq():

var divs = jQuery('.elternklasse').eq(0).bind('click', function(){
    alert('Bin da');
});

イベントを特定の範囲の要素にアタッチするには、:gt()またはを使用でき:lt()ます。

var divs = $('div:gt(3)').bind('click', function(){
    alert('Bin da');
});

var divs = $('div:lt(3)').bind('click', function(){
    alert('Bin da');
});

または、要素の配列内の既知の 2 点間の任意の範囲の要素にイベントを関連付けるには、次のようにしますslice()。

var divs = $('div').slice(3,6).bind('click', function(){
    alert('Bin da');
});

上記は、インデックスポイント 3 から 6 までの要素でクリックイベントをトリガーします。

参考文献:

score 0 · Accepted Answer

この.get()関数は、jQuery オブジェクトではなく実際の DOM 要素を返すため、jQuery 関数を呼び出すことはできません。代わりに関数を使用する必要があります。.eq()これにより、セットがその位置の要素のみに削減されます。

jquery - コレクション項目への JQuery バインド イベント