Entfernen von Kindern Elemente mit einem Index?

Question

Ich habe ein Layout wie diese bekommen:

<div id='parent'> 

    <div id='row_0'></div> 

    <div id='row_1'></div> 

    <div id='row_2'></div> 

    ... 

    <div id='row_N'></div> 
</div> 

Irgendwann, ich will alle div „Reihen“ über einem bestimmten Index entfernen, wie:

for (var index = 1; index < $('#parent').children.length; index++) { 
    $('#parent').remove('#row_' + index); 
} 

es einen einfacheren Weg ist um das in jquery zu tun? So etwas wie "Entferne einfach alle Kinder, die mit Index N beginnen".

(die oben für Schleife wird nicht wirklich funktionieren, aber ist die Art von Sache, die ich tun würde, wenn es keine andere Möglichkeit gibt)

Answer 1

„Just entfernen (abzulösen) alle Kinder #parent, ab Elemente N“ :

$("#parent").children().slice(N).detach(); 

Wenn die Elemente, verwenden werden wieder eingefügt werden nicht gehen remove() stattdessen mit den entfernten Elemente zugeordnet detach(), um Daten und Ereignisse zu verwerfen.

Answer 2

Um Zeilen 0 und 1 wählen Sie Zeilen weniger als 2 entfernen die lt selector und dann remove sie mit:

$('#parent div:lt(2)').remove(); 

Answer 3

Dies ist ein alter Thread, aber ich bin neugierig * warum niemand nth-child erwähnt.

$("#parent > div:nth-child(n + " + index + ")").remove(); 

* Update: Ich habe nicht genug rep habe es an der Zeit zu kennen, aber es hatte eine nth-child Antwort, gelöscht.