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, il existe principalement 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 jQuery remove()
La méthode jQuery remove()supprime le ou les éléments sélectionnés et ses éléments enfants.
Exemple
$("#div1").remove();
Méthode jQuery vide()
La méthode jQuery empty()supprime les éléments enfants des éléments sélectionnés.
Exemple
$("#div1").empty();
Filtrer les éléments à supprimer
La méthode jQuery remove()accepte également un paramètre, qui permet de filtrer les éléments à supprimer.
Le paramètre peut être n'importe laquelle des syntaxes du sélecteur jQuery.
L'exemple suivant supprime tous les <p>éléments avecclass="test" :
Exemple
$("p").remove(".test");
Cet exemple supprime tous les <p>éléments avec class="test"et
class="demo":
Exemple
$("p").remove(".test, .demo");
Exercices jQuery
Référence HTML jQuery
Pour un aperçu complet de toutes les méthodes jQuery HTML, veuillez consulter notre Référence jQuery HTML/CSS .