如何使用jquery选择第n个孩子

时间:2011-12-15 10:29:38

标签: javascript jquery html

  

可能重复:
  How to get nth jQuery element

我有这个简单的代码:

<ul>
 <li>one</li>
 <li>two</li>
 <li>three</li>
</ul>

我知道我的第二个元素应该有一个类,我该如何添加这个类?

此代码不起作用:

$('ul li').get(1).addClass('active')

我认为这是因为它返回一个dom元素而不是jquery元素。但我该怎么做呢?

=======

当然第二个元素就是一个例子。我每次都需要从名为theActiveClassNumber

的变量中更改活动类

4 个答案:

答案 0 :(得分:3)

$("ul li:nth-child(2)").addClass('active')

$("ul li:eq(1)").addClass('active')

答案 1 :(得分:0)

get()返回一个DOM元素,因此你必须重新包装jQuery对象:

$( $('ul li').get(1) ).addClass('active');

答案 2 :(得分:0)

你可以像@Kanishka一样回答那个工作,但你也可以试试这个,也许可以帮到你,

$("ul li:nth-child(even)").addClass('active');
$("ul li:nth-child(odd)").addClass('active');

答案 3 :(得分:0)

不是问题的直接答案,但是: 如果你想获得某些jQuery Object,你应该使用.eq()而不是.get()。