Выберите все дочерние элементы, кроме первого

Скажем, у меня есть следующее:

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

Как выбрать все дочерние элементы после первого, используя jQuery? Поэтому я могу добиться чего-то вроде:

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

Ответы

Ответ 1

Вы должны иметь возможность использовать селектор "не" и "первый ребенок".

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

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

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

Ответ 2

Основываясь на моем совершенно ненаучном анализе четырех методов здесь, похоже, что между ними не так много разницы в скорости. Я запускал каждую страницу, содержащую ряд неупорядоченных списков различной длины и приурочен к ним с использованием профилировщика Firebug.

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

Среднее время: 5.322мс

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

Среднее время: 5.590мс

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

Среднее время: 6.084мс

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

Среднее время: 7.831мс

Ответ 3

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

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

Ответ 4

Более элегантный запрос (выберите все элементы li, которым предшествует элемент li):

$('ul li+li')

Ответ 5

Это должно работать

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

Ответ 6

Я бы использовал

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

Ответ 7

Это то, что я работаю до сих пор

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