Quelle est la meilleure façon de supprimer la première div à l'intérieur d'une div parent en utilisant jQuery ?

Question

J'ai le balisage suivant :

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

Et j'ai le jQuery suivant pour supprimer la première div qui fonctionne bien :

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

Est-ce la meilleure façon de retirer le premier composant ? Ou est-il plus efficace d'utiliser des sélecteurs ? Un exemple serait le bienvenu !

Veuillez noter Je sais que je peux l'utiliser :

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

Cependant, j'aimerais pouvoir utiliser des sélecteurs dans ce cas (pour des raisons qui sortent du cadre de la question).

Merci, Norm.

Answer 1

Cela devrait être le plus rapide et le plus sûr :

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

Answer 2

Vous voulez

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

ou il supprimera toutes les <div> au sein du parent <div> .

Answer 3

Disons que vous faites un événement JS et que vous avez accès à "ceci". Je vais le faire de cette façon.

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

clarifier, ce n'est pas le moyen le plus efficace mais utile en cas d'événement interactif. Alternativement, vous pouvez utiliser quelques sélecteurs :

//closest,parent,next,prev,find,children and nth-child()

Answer 4

Vous pouvez essayer ceci. Il fonctionne parfaitement sur moi

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

Answer 5

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

Utilisez cette méthode si vous souhaitez uniquement supprimer les divs enfants immédiats du parent. Elle sera plus efficace que .find() si vous avez plus de divs internes.