Select all children except the first

Question

Say I have the following:

<ul> <li>First item</li> <li>Second item</li> <li>Third item</li> </ul> 

How to select all children after the first using jQuery? So I can achieve something like:

 <ul> <li>First item</li> <li class="something">Second item</li> <li class="something">Third item</li> </ul> 

Answer 1

You should be able to use the "not" and "first child" selectors.

 $("li:not(:first-child)").addClass("something"); 

http://docs.jquery.com/Selectors/not

http://docs.jquery.com/Selectors/firstChild

Answer 2

Based on my completely unscientific analysis of the four methods here, it seems that there is not much speed difference between them. I ran each page containing a series of unordered lists of various lengths and confined to them using the Firebug profiler.

 $("li").slice(1).addClass("something"); 

Average time: 5,322ms

 $("li:gt(0)").addClass("something"); 

Average time: 5.590ms

 $("li:not(:first-child)").addClass("something"); 

Average time: 6.084ms

 $("ul li+li").addClass("something"); 

Average time: 7.831ms

Answer 3

http://docs.jquery.com/Traversing/slice

 $("li").slice(1).addClass("something"); 

Answer 4

More elegant query (select all li elements preceded by li element):

$('ul li+li')

Answer 5

This should work

 $('ul :not(:first-child)').addClass('something'); 

Answer 6

I would use

 $("li:gt(0)").addClass("something"); 

Answer 7

This is what I still work.

 $('.certificateList input:checkbox:gt(0)')