jQuery通过索引查找元素

Question

如果我有选择

<div id="container">
    <div>item 1</div>
    <div>item 2</div>
    <div>item 3</div>
    <div>item 4</div>
</div>

如何通过索引选择div？

例如，我想选择第2项...使用index = 1，而不是'div'或文本包含“第2项”

Answer 1

其中任何一个：

• .index - 这是吸气剂。获取给定元素的索引，并根据它应用逻辑。
• .eq，:eq或.slice - 这些可用于从给定的jQuery集合中获取元素
• :nth-child - 选择与父母相对应的 n 子（!!）元素。

在您的情况下，eq或:nth-child是合适的。例如：

var item1 = $('#container > :nth-child(1)');  // parent > child (=first child)
var item2 = $('#container').children().eq(1); // Zero-based indexes

Answer 2

使用eq()方法。

$("#container > div").eq(1)

您甚至可以使用:eq(1)伪选择器。

$("#container > div:eq(1)")

.eq(index)将匹配元素集合减少到指定索引处的元素。

:eq(index)选择匹配集合中索引n处的元素。

Answer 3

尝试：

$("#container div").eq(1) // zero-based, so will select 'item 2'

Answer 4

$('#container').children().eq(1);

Answer 5

早上好，你可以使用nth-child选择器：

 var item = $('#container div:nth-child(2)');

Answer 6

您可以使用下面的:eq选择器，

   $('#container div:eq(2)') //will return you div with item 2

Answer 7

$('#container').children().eq(2);