jquery: chọn tất cả các phần tử sau nth

Question

Tôi có số x <div> và tôi cần phải chọn tất cả sau 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> 

Ví dụ, với n = 3 và div.foo, loại bỏ tất cả div.foo sau 3 div.foo sẽ mang lại:

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

Cảm ơn

Answer 1

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

Hãy thử nó ra:http://jsfiddle.net/MYY9m/

Điều này sử dụng công cụ chọn greater-than để chọn tất cả các yếu tố có chỉ mục lớn hơn số được cung cấp.

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

Answer 2

Không thanh lịch như giải pháp Patrick DW, nhưng điều này cũng hoạt động:

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

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

Answer 3

Bạn cũng có thể làm:

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

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

Answer 4

Sử dụng slice hoặc eq hiệu quả vì gt không chấp nhận biến. ví dụ

// sẽ không làm việc

var items_to_remove = 8;

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

// sẽ làm việc

var items_to_remove = 8;

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