jquery - 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

これにより、最後の 3 つの要素が削除されます。

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

jsFiddle デモ

• を使用して、jQuery コレクションの一部を取得できます.slice()。

  負の数が指定されている場合、これはセットの先頭ではなく、末尾から始まる位置を示します。