jquery：选择第n个之后的所有元素

Question

我有 x 个

，我需要选择 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，删除第 3 个 div.foo 之后的所有 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/

这使用大于选择器，用于选择索引大于所提供数字的所有元素。

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

Answer 2

您还可以：

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

参见 http://api.jquery.com/slice/

Answer 3

不像 Patrick 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();