使用 jQuery 删除最后 3 个 div

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>

如何删除最后3个div？

我尝试了这个，但它不起作用：/

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

这将删除最后三个元素：

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

jsFiddle 演示

• 您可以使用 < 获取 jQuery 集合的一部分a href="http://api.jquery.com/slice/" rel="noreferrer">.slice()。

  <块引用>

  如果提供负数，
  这表示一个位置开始
  从集合的末尾开始，而不是
  开始。