jquery修改特定的li元素，只知道它在列表中的位置

Question

我有一个简单的清单：

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

我需要修改其中一个li元素，我所知道的是它在列表中的位置，例如2，它将是第3个li元素。如何才能通过了解它来添加一个类？

Answer 1

使用.eq()，它将指定的索引（从0开始）作为参数：

$("ul li").eq(2).addClass("yourClass");

<强> DEMO

Answer 2

或内联：

$("ul li:eq(2)").html("Add some content")

来源：http://api.jquery.com/eq-selector/

Answer 3

您可以使用.eq功能指定所需的索引：

$('ul').children().eq(2)

将指向第三项（索引从0开始，因此2是第三项）

Answer 4

试试这个

的 HTML 的

<ul>
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    <li>item4</li>
</ul>

的 JS 的

$('ul').children().eq(2).addClass('newclass');

Answer 5

以下任何一项都会返回第二个<li>元素。

1. $('ul li:eq(3)')
2. $('ul>li:eq(3)')
3. $('ul li').eq(3)
4. $('ul>li').eq(3)
5. $('ul li').filter(function() { return $(this).index() == 3; })
6. $('ul>li').filter(function() { return $(this).index() == 3; })