jquery: nth

Question

'dan sonra tüm öğeleri seç numaralı x numaram var ve n sonra hepsini seçmem gerekiyor.

Örneğin

<div class=foo>4:00</div> 
<div class=foo>5:00</div> 
<div class=foo>6:00</div> 
<div class=foo>7:00</div> 
<div class=foo>8:00</div> 

, verilen n = 3 ve div.foo, doğuracak 3 div.foo sonuçta div.foo kaldırın:

<div class=foo>4:00</div> 
<div class=foo>5:00</div> 
<div class=foo>6:00</div> 

Teşekkür

Answer 1

$('.foo:gt(2)').remove(); 

Deneyin:http://jsfiddle.net/MYY9m/

Bu, indeksin sağlanan sayıdan daha büyük olan tüm öğeleri seçmek için greater-than seçiciyi kullanır.

• http://api.jquery.com/gt-selector/

Answer 2

Patrick DW çözümü kadar zarif, ancak bu da çalışır Değil:

$('.foo').eq(2).nextAll().remove(); 

Ayrıca yapabilirsiniz http://api.jquery.com/nextAll/

Answer 3

bakınız:

$('.foo').slice(3).remove(); 

Bkz. http://api.jquery.com/slice/

Answer 4

gt, değişkenleri kabul etmediğinden, dilim veya eq kullanımı etkilidir. Örneğin

için //

var items_to_remove = 8;

$("li:gt(items_to_remove)").remove();

//

var items_to_remove = 8;

$('li').slice(items_to_remove).remove();