jquery - 访问返回集合中的单个对象(jquery)

Question

好吧，如果我有一个看起来有点像这样的 html 文档:

<div class='item'> ... </div>
<div class='item'> ... </div>
<div class='item'> ... </div>
<div class='item'> ... </div>

我知道我可以通过这样做来迭代它们

$('.item').each

但是如果我已经知道我想对第二个做某事怎么办？是否有某种类似于以下的语法:

$('.item')[2]

哪个可用作选择器？ IE。我想做的是:

$('.item')[2].css('display','block');

可能还是不可能？ :)

Answer 1

是的，.eq()将限制 jQuery 设置为您想要的一个元素:

$('.item').eq(2).css('display','block');

还有一个:eq()选择器将执行相同的操作:

$('.item:eq(2)').css('display','block');

正如 Andy 在评论中提到的，这两个函数都使用基于零的索引...意思是 2 是第三个元素。 ..