Suppression des éléments enfants avec un index?

J'ai une mise en page comme ceci:

<div id='parent'>

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

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

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

    ... 

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

À un certain point, je veux supprimer toutes les div "lignes" au-dessus d'un certain indice, comme:

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

est-il un moyen plus simple de le faire en jquery? Comme quelque chose de "juste enlever tous les enfants à partir de l'indice de N'?

(ci-dessus pour la boucle ne sera pas vraiment un travail, mais c'est le genre de chose que je ferais si il n'y a pas d'autre moyen)

source d'informationauteur user246114

  1. 21

    "Juste enlever (détacher) tous les enfants de #parentcommençant à l'élément N":

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

    Si les éléments ne sont pas va être remis en place, l'utilisation remove() au lieu de detach() afin d'éliminer les données et les événements associés avec les éléments supprimés.

  2. 8

    Pour supprimer des lignes 0 et 1 sélectionnez les lignes à moins de 2 à l'aide de la lt sélecteur et puis supprimer:

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

    C'est un vieux thread, mais je suis curieux de voir* pourquoi personne n'a mentionné nth-child.

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

    *Mise à jour: je n'ai pas assez d'rep à savoir, à l'époque, mais il y avait eu un nth-child réponse, supprimé.