Removing children elements given an index?
<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>

<p>Thanks</p>
