Supprimer des éléments jQuery

Avec jQuery, il est facile de supprimer des éléments HTML existants.

Supprimer des éléments/contenu

Pour supprimer des éléments et du contenu, vous pouvez généralement utiliser les deux méthodes jQuery suivantes :

  • remove() - Supprime l'élément sélectionné (et ses éléments enfants)
  • empty() - Supprime les éléments enfants de l'élément sélectionné

Méthode remove() de jQuery

La méthode remove() de jQuery supprime l'élément sélectionné et ses éléments enfants.

Exemple

$("#div1").remove();

Essayez-le vous-même

Méthode empty() de jQuery

La méthode empty() de jQuery supprime les éléments enfants de l'élément sélectionné.

Exemple

$("#div1").empty();

Essayez-le vous-même

Filtrer les éléments à supprimer

La méthode remove() de jQuery peut également accepter un paramètre, permettant de filtrer les éléments à supprimer.

Ce paramètre peut être la syntaxe de tout sélecteur jQuery.

L'exemple suivant supprime tous les éléments <p> avec class="italic" :

Exemple

$("p").remove(".italic");

Essayez-le vous-même

Manuel de référence HTML jQuery

Pour des informations complètes sur les méthodes HTML de jQuery, veuillez consulter le manuel de référence suivant :