En face de append en jquery

Question

J'utilise .append pour ajouter à une div

 $(this).append('<ul><li>test</li></ul>');
 

Comment puis-je rechercher un <ul> et le supprimer s'il existe chez les enfants de $(this) ?

Answer 1

Vous pouvez utiliser remove() . Plus d'informations sur jQuery remove () .

 $(this).children("ul").remove();
 

Notez que cela supprimera tous les ul éléments qui sont des enfants.

Answer 2

Utilisez la méthode remove () :

 $(this).children("ul").remove();
 

Answer 3

Ce que vous devez également considérer, c'est de garder une référence à l'élément créé, alors vous pouvez facilement le supprimer spécifiquement:

    var newUL = $('<ul><li>test</li></ul>');
   $(this).append(newUL);

   // Later ...

   newUL.remove();
 

Answer 4

Je viens d'avoir le même problème et je suis tombé sur ceci - ce qui fait le truc pour moi:

 // $("#the_div").contents().remove();
// or short: 
$("#the_div").empty();
$("#the_div").append("HTML goes in here...");
 

Answer 5

Les enfants sont à l'opposé (), mais la position opposée est prépend (). Voici un très bon tutoriel.