jquery: seleccione todos los elementos después del enésimo

Question

Tengo el número x de <div> y necesito seleccionar todo después de 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> 

Por ejemplo, dada n = 3 y div.foo, eliminar todo div.foo después de la tercera div.foo produciría:

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

Gracias

Answer 1

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

Pruébelo:http://jsfiddle.net/MYY9m/

Esto usa el selector greater-than para seleccionar todos los elementos cuyo índice es mayor que el número provisto.

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

Answer 2

No es tan elegante como solución de Patrick DW, pero esto también funciona:

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

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

Answer 3

También puede hacer:

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

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

Answer 4

Es eficiente usar slice o eq ya que gt no acepta variables. por ejemplo

// No funciona

var items_to_remove = 8;

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

// funcionará

var items_to_remove = 8;

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