javascript - Jquery - 获取第 x 个元素

Question

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

我如何将一个类添加到第三个列表项，而没有任何列表项附加一个类？

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

谢谢。

Answer 1

或者...

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

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

Answer 2

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

$('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.
});