jquery - JQuery 将事件绑定到集合项

Question

我能够使用 JQuery 将事件绑定到集合的所有元素。无论如何，如果我只想选择集合中的一项，则不会绑定任何事件。在接下来的代码片段中一定有一个错误。提前致谢！

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

Answer 1

使用eq()：

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

JS 小提琴演示。

要将事件附加到特定范围的元素，您可以使用:gt()or :lt()：

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

JS 小提琴演示。

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

JS 小提琴演示。

或者要将事件附加到元素数组中两个已知点之间的任意元素范围，请使用slice()：

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

JS 小提琴演示。

以上将触发从索引点 3 到但不包括6 的元素的点击事件。

参考：

• eq().
• :gt()大于选择器。
• :lt()小于选择器。
• slice().

Answer 2

该.get()函数返回实际的 DOM 元素，而不是 jQuery 对象，因此您不能在其上调用 jQuery 函数。您需要改用该.eq()函数，这会将集合减少为仅该位置的元素。