2011-07-08 98 views
10
<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> 

如何刪除3最後的div?刪除3最後div與jQuery

我tryed這一點,但它不工作:/

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(); 
+0

我猜你只提供了刪除第5行代碼和7.您還需要後(或期間)給我 - 清除:'$(行[I - ])刪除()。 '。然而@ bazmegakapa的更清晰和更安全。 **編輯:**我的錯誤。刪除項目後,您還應該減少nbr。正如我所說,@ bazmegakapa有最好的解決方案。 – Korcholis

回答

36

這將刪除最後三個要素:

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

jsFiddle Demo

  • 你可以得到一部分使用.slice()的jQuery集合。

    如果提供一個負數, 這指示開始 從該組的端部,而不是 開頭的位置。

+3

它是完美的! tks :) – zep