javascript - 如何使用 jQuery 为第一个 child 添加类(class)？

Question

如何在具有特定索引的容器上添加类和元素？

我现在正在尝试这应该会影响第一个元素(无论如何都不起作用)

$('#resultsBox li:first-child').addClass('aaaa');

但我希望能够更改容器中具有索引的任何元素的类。

EG 如果我想修改索引为 2 的元素。

<div id="resultsBox">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>

应该变成:

<div id="resultsBox">
<ul>
<li></li> // Index 0
<li></li> // Index 1
<li class="selected"></li> // Index 2
</ul>
</div>

Answer 1

使用:first选择器:

$('#resultsBox li:first').addClass('aaaa');

对于第三个元素的选择，你可以使用each()方法: Here is jsFiddle.

$('ul li').each(function(i) {
    if ( i === 2 ) {
       $(this).addClass('aaaa');
    }
});

或者您可以使用 eq 来做到这一点 像 Jamiec 和 MrThys 提到的方法:但是当事情变得复杂时，每个方法都会非常有用。

$('#resultsBox li').eq(2).addClass('aaaa');