title: jquery how to remove the first x div's?
body: <p>i an trying to remove the first 4 divs if i click a button:</p>
  
  <pre><code>&lt;div class="test"&gt;
  &lt;div class="1"&gt;&lt;/div&gt;
  &lt;div class="1"&gt;&lt;/div&gt;
  &lt;div class="1"&gt;&lt;/div&gt;
  &lt;div class="1"&gt;&lt;/div&gt;
  &lt;div class="1"&gt;&lt;/div&gt;
  &lt;div class="1"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>i;ve tried this, but it seems to remove them one by one:</p>
  
  <pre><code>if ($('.test').find('.1').size() &gt;= 4) {
  $('.test').find('.1').remove();
  }
  </code></pre>
  
  <p>thanks</p>