title: Removing children elements given an index?
body: <p>I've got a layout like this:</p>
  
  <pre><code>&lt;div id='parent'&gt;
  
      &lt;div id='row_0'&gt;&lt;/div&gt;
  
      &lt;div id='row_1'&gt;&lt;/div&gt;
  
      &lt;div id='row_2'&gt;&lt;/div&gt;
  
      ... 
  
      &lt;div id='row_N'&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>At some point, I want to remove all div "rows" above a certain index, like:</p>
  
  <pre><code>for (var index = 1; index &lt; $('#parent').children.length; index++) {
      $('#parent').remove('#row_' + index);
  }
  </code></pre>
  
  <p>is there a simpler way to do this in jquery? Something like 'just remove all children starting from index N'? </p>
  
  <p>(the above for loop won't really work, but is the kind of thing I would do if there's no other way)</p>