jQuery - Supprimer des éléments


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 principalement utiliser deux méthodes jQuery :

  • 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 jQuery remove() 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 jQuery empty() 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 accepte également un paramètre, ce qui vous permet de filtrer les éléments à supprimer.

Ce paramètre peut être n'importe quelle syntaxe de sélecteur jQuery.

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

Exemple

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

Essayez-le vous-même »
Autres extensions