Jquery - 获取第n个元素

Question

例如，我有一个带有id的div（比如说“the_div”）。这个div包含一个无序列表，这个列表中有5个项目。

如何在第三个列表项中添加一个类，而没有任何列表项附加了类？

编辑：更好的是，我如何将列表项文本更改为等于它的数字元素？

感谢。

Answer 1

或者...

$('#the_div ul li:eq(2)').addClass('className');

您可以将选择器组合在一起 - 如果您愿意：）

Answer 2

对于您的第一个问题，您可以使用基于0的eq：

$('ul li', '#thediv').eq(2).addClass('whatever'); // add class to 3rd item

对于第二个问题，您可以使用each遍历所有列表项。回调函数传递一个参数，该参数包含集合中当前元素的索引：

$('ul li', '#thediv').each(function(i) {
    $(this).text(i); // update each list item with its index, 0 based.
});