如果我有选择
<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项”
答案 0 :(得分:5)
其中任何一个:
.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
答案 1 :(得分:1)
使用eq()
方法。
$("#container > div").eq(1)
您甚至可以使用:eq(1)
伪选择器。
$("#container > div:eq(1)")
.eq(index)
将匹配元素集合减少到指定索引处的元素。
:eq(index)
选择匹配集合中索引n处的元素。
答案 2 :(得分:0)
尝试:
$("#container div").eq(1) // zero-based, so will select 'item 2'
答案 3 :(得分:0)
$('#container').children().eq(1);
答案 4 :(得分:0)
早上好,你可以使用nth-child选择器:
var item = $('#container div:nth-child(2)');
答案 5 :(得分:0)
您可以使用下面的:eq选择器,
$('#container div:eq(2)') //will return you div with item 2
答案 6 :(得分:0)
$('#container').children().eq(2);