如何从项列表中获取特定的jQuery项？

Question

我有这个：

<ul>
    <li>first</li>
    <li>second</li>
    <li>third</li>
    <li>fourth</li>
</ul>

然后我用jQuery选择它：$('ul').find('li');或$('ul li');

我怎样才能从这两个jQuery选择器获得，例如只获得第二个li或第三个，并且单独留下第一个和第四个？

我认为它可能适用于：

$('myselector').get(indexNumber); // however, it won't work.

对此问题的任何想法？感谢。

Answer 1

get方法返回DOM元素，因此您必须将其包装在新的jQuery对象中。

您可以使用eq方法：

var j = $('ul li').eq(1); // gets the second list item

Answer 2

使用:eq() Selector。例如，对于第二个元素使用：

 $("ul li:eq(1)"); 

Answer 3

我会尝试：

$("ul li:nth-child(2)")

Answer 4

$（'li'）。get（0）将返回纯DOM元素。你不能在同一个上调用jQuery方法。

Answer 5

您可以使用nth-child

$("ul li:nth-child(2)") //this will select second child because it is 1 based index

这是一个小提琴http://jsfiddle.net/xyyWh/