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

Question

我有一个简单的清单：

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

我需要修改其中一个 li 元素，我只知道它在列表中的位置，例如 2 将是第三个 li 元素）。我怎样才能只知道这一点就给它添加一个类？

Answer 1

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

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

演示。

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