How do I select the nth child using jquery

Question

Possible Duplicate:
How to get nth jQuery element

I have this simple code:

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

I know that my 2nd element should have a class active, how do I add this class?

this code won't work:

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

I assume it is becuase it returns a dom element and not jquery element. but how do I do it right?

=======

Of course 2nd element is an example. I need each time to change the active class from a variable called theActiveClassNumber

You're right, that's a DOM element, so, strangely enough, this will work, although I don't recommed it: `$($('ul li').get(1)).addClass('active')` — graphicdivine, Dec 15 '11 at 10:48

score 3 · Accepted Answer · answered Dec 15 '11 at 10:32

3

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

or

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

answered Dec 15 '11 at 10:32

score 0 · Answer 2 · answered Dec 15 '11 at 10:38

0

get() returns a DOM element so you have to re-wrap in the jQuery object:

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

answered Dec 15 '11 at 10:38

leepowers

score 0 · Answer 3 · answered Dec 15 '11 at 10:40

0

you can do like @Kanishka answer that work to, but you can try this one too, may be can help you,

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

answered Dec 15 '11 at 10:40

Khairu Aqsara

score 0 · Answer 4 · answered Dec 15 '11 at 10:42

0

Not a direct answer to the question, but: If you want to get certain jQuery Object, you should use .eq() instead of .get().

answered Dec 15 '11 at 10:42

Samuli Hakoniemi

4 Answers4