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