eliminar 3 últimos divs con jQuery

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> 

Cómo quitar los 3 últimos div?

He probado 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(); 

Answer 1

Esto eliminará los últimos tres elementos:

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

jsFiddle Demo

• Usted puede obtener una parte de una colección jQuery usando .slice().

  Si se proporciona un número negativo, esto indica una posición de partida desde el final de la serie, en lugar de el principio.