jquery: выбрать все элементы после nth

Question

У меня есть x число <div>, и мне нужно выбрать все после 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>

Например, при n = 3 и div.foo удалить все div.foo после того, как 3-й div.foo даст:

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

Спасибо

Answer 1

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

Попробуйте: http://jsfiddle.net/MYY9m/

При этом используется селектор greater-than для выбора всех элементов, индекс которых превышает указанное число.

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

Answer 2

Вы также можете сделать:

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

См. http://api.jquery.com/slice/

Answer 3

Не так элегантно, как решение Патрика DW, но это также работает:

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

См. http://api.jquery.com/nextAll/

Answer 4

Эффективно использовать slice или eq, так как gt не принимает переменные. например

// не будет работать

var items_to_remove = 8;

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

// будет работать

var items_to_remove = 8;

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