xóa 3 số div cuối cùng bằng jQuery

Question

<div id="widgetAreaFooter"> 
<div class="row">1</div> 
<div class="row">2</div> 
<div class="row">3</div> 
<div class="row">4</div> 
<div class="row">5</div> 
<div class="row">6</div> 
<div class="row">7</div> 
</div> 

Làm cách nào để xóa 3 div cuối cùng?

Tôi tryed này nhưng nó không hoạt động:/

var row = $('#widgetAreaFooter>.row'); 
var nbr = row.length ; 

for (var i=4;i<nbr;i++) row.get(i).remove(); 
or 
for (var i=4;i<nbr;i++) row[i].remove(); 

Answer 1

này sẽ loại bỏ ba yếu tố cuối cùng:

$('#widgetAreaFooter > .row').slice(-3).remove(); 

jsFiddle Demo

• Bạn có thể nhận được một phần bộ sưu tập jQuery sử dụng .slice().

  Nếu một số âm được cung cấp, điều này chỉ ra một vị trí bắt đầu từ ngày kết thúc của bộ này, chứ không phải là đầu.