jquery在列表中按索引查找

Question

<ul>
  <li>No</li>
  <li>Yes</li>
  <li>No</li>
</ul>

//demostration purpose 
$('ul').get(2).text();


//output = Yes

访问列表中特定项目的最佳方法是什么？并将其用作选择器？

Answer 1

您可以使用.eq()或:eq()在列表中获取jQuery对象：

$('ul li').eq(1).text();
//or:
$('ul :eq(1)').text();

You can try a demo here。当你得到.get()时，你会得到一个DOM元素，它没有任何jQuery函数。请记住，这两个都是基于 0的，因此您需要1才能在示例中获得“是”。

还有其他basic filters you may be interested in，例如:lt()（小于索引），:gt()（大于索引），:first，{{3和其他几个人。

Answer 2

使用:eq过滤器选择器：

$('ul li:eq(0)').text(); // gets first li
$('ul li:eq(1)').text(); // gets second li
$('ul li:eq(2)').text(); // gets third li
// and so on