2011-07-08 97 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