İlki dışındaki tüm alt öğeleri seçin

Aşağıdakilere sahip olduğumu varsayalım:

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

JQuery kullanarak ilkinden sonra tüm alt öğeleri nasıl seçerim? Böylece şöyle bir şey başarabilirim:

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

"Değil" ve "ilk çocuk" seçicilerini kullanabilmeniz gerekir.

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

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

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

Buradaki dört yöntemin tamamen bilimsel olmayan analizine dayanarak, aralarında çok fazla hız farkı yok gibi görünüyor. Her birini, değişen uzunluklarda bir dizi sırasız liste içeren bir sayfada çalıştırdım ve Firebug profil oluşturucuyu kullanarak zamanlarını belirledim.

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

Ortalama Süre: 5.322ms

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

Ortalama Süre: 5.590ms

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

Ortalama Süre: 6.084ms

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

Ortalama Süre: 7.831ms

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

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

Daha zarif bir sorgu (öncesinde bir li öğesi olan tüm li öğelerini seçin):

$('ul li+li')

kullanırdım

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

Bu çalışmalı

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

Şimdiye kadar çalıştığım şey bu

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

JQuery .not () yöntemini kullanın

$('li').not(':first').addClass('something');

VEYA

var firstElement = $('li').first();
$('li').not(firstElement).addClass('something');