remove 3 últimos divs con jQuery
<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>
¿Cómo eliminar los 3 últimos div?
He intentado esto pero no funciona: /
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();