Jquery: выберите все элементы после nth

У меня есть 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 после того, как третий div.foo даст:

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

Спасибо

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

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

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

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

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

Не так изящно, как решение Patrick DW, но это также работает:

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

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

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

var items_to_remove = 8;

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

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

var items_to_remove = 8;

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