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 Fiddle demo

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

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

JS Fiddle demo

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

JS Fiddle demo

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

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

JS Fiddle demo

以上内容将触发从索引点3开始的元素的click事件，但不包括，6。

参考文献：

• eq()。
• :gt() greater-than selector。
• :lt() less-than selector。
• slice()。

Answer 2

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