jquery: sélectionne tous les éléments après le nième

Question

J'ai le numéro x de <div> et je dois tout sélectionner après n.

<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> 

Par exemple, avec n = 3 et div.foo, supprimer tous div.foo après la 3ème div.foo produirait:

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

Merci

Answer 1

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

Essayez-:http://jsfiddle.net/MYY9m/

Ceci utilise le sélecteur greater-than pour sélectionner tous les éléments dont l'index est supérieur au nombre fourni.

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

Answer 2

pas aussi élégant que la solution de Patrick DW, mais cela fonctionne aussi:

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

Voir http://api.jquery.com/nextAll/

Answer 3

Vous pouvez également faire:

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

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

Answer 4

Il est efficace d'utiliser tranche ou eq car gt n'accepte pas les variables. par exemple

// ne fonctionnera pas

var items_to_remove = 8;

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

// fonctionnera

var items_to_remove = 8;

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