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

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的第三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

不一样优雅帕特里克DW的解决方案，但是这也适用：

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

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

Answer 3

你也可以这样做：

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

请参阅http://api.jquery.com/slice/

Answer 4

由于gt不接受变量，因此使用slice或eq是有效的。例如

//将无法正常工作

var items_to_remove = 8;

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

//将工作

var items_to_remove = 8;

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