title: remove 3 last divs with jQuery
body: <pre><code>&lt;div id="widgetAreaFooter"&gt;
  &lt;div class="row"&gt;1&lt;/div&gt;
  &lt;div class="row"&gt;2&lt;/div&gt;
  &lt;div class="row"&gt;3&lt;/div&gt;
  &lt;div class="row"&gt;4&lt;/div&gt;
  &lt;div class="row"&gt;5&lt;/div&gt;
  &lt;div class="row"&gt;6&lt;/div&gt;
  &lt;div class="row"&gt;7&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How to remove the 3 last div ?</p>
  
  <p>I tryed this but it doesn't work :/</p>
  
  <pre><code>var row = $( '#widgetAreaFooter&gt;.row' );
  var nbr = row.length ;
  
  for ( var i=4;i&lt;nbr;i++ ) row.get(i).remove();
  or
  for ( var i=4;i&lt;nbr;i++ ) row[i].remove();
  </code></pre>