jQuery 通过索引查找元素

Question

如果我有选择

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

如何通过索引选择一个 div？

例如，我想选择项目 2...通过使用索引 = 1，而不是通过“div”或文本包含“项目 2”

Answer 1

其中任何一个:

• .index - 这是 setter/getter 。获取给定元素的索引，并基于它应用逻辑。
• .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