Quelle est la meilleure façon d'enlever la première div à l'intérieur d'un div parent à l'aide de jQuery?

J'ai le balisage suivant:

<div id="parent">
    <div id="divToRemove">
    </div>
</div>

Et j'ai le texte suivant jQuery pour supprimer le premier div qui fonctionne très bien:

$('#parent').find('div').remove();

Est-ce la meilleure façon d'enlever le premier volet? Ou est-il plus efficace d'utiliser des sélecteurs? Un exemple serait génial!

Veuillez noter, je sais que je peux utiliser:

$('#divToRemove').remove();

cependant, je voudrais être en mesure d'utiliser des sélecteurs dans ce cas (les raisons en dehors de la portée de la question).

Grâce,
Norm.

InformationsquelleAutor enormace | 2011-07-01
  1. 19

    Ce devrait être la manière la plus rapide et la plus sûre:

    $('#parent').find('div').first().remove();
    InformationsquelleAutor qwertymk
  2. 3

    Vous voulez

    $('#parent').find('div:first').remove();

    ou il va supprimer tous les <div> au sein du parent <div>.

    InformationsquelleAutor user122211
  3. 2

    disons. vous faites JS événement et vous avez accès à "ce"
    Je vais le faire de cette façon.

    $('#child').click(function(){
    $(this).closest('div#parent').children('div:first').remove();
});

    préciser, ce n'est pas la manière la plus efficace mais utile dans l'événement interactif.
    alternativement, vous pouvez faire usage de quelques sélecteur : 

    //closest,parent,next,prev,find,children and nth-child()
    InformationsquelleAutor Elliot Yap
  4. 0

    vous pouvez essayer cette. Il fonctionne parfaitement sur moi

    $('#parent").find('div:first').remove();

    InformationsquelleAutor faizalSalleh
  5. 0
    $('#parent').children('div:first').remove();

    utilisez cette option que si vous êtes seulement de parler, à propos de la suppression immédiate des enfants div parent. et ce sera mieux que .find() lorsque vous avez plus intérieure divs.

    InformationsquelleAutor Calvin
  6. 0

    Ive a obtenu un autre:

    $('#parent > div:first').remove();

    La " >' sélectionne les enfants de l'élément référencé à gauche, et des cours": d'abord" se réfère à la première enfant.

    InformationsquelleAutor Jasper