javascript – 如何使用jQuery向第一个小孩添加类?

前端之家收集整理的这篇文章主要介绍了javascript – 如何使用jQuery向第一个小孩添加类?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在具有特定索引的容器上添加一个元素?

我正在尝试这个,这应该会影响第一个元素(不行)

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

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

EG如果我想修改index = 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>

解决方法

使用 :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');
原文链接:https://www.f2er.com/jquery/153474.html

猜你在找的jQuery相关文章