Derniers tutoriels de développement web
 

jQuery - Retirer les éléments

❮ Précédent Suivant Chapitre ❯

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

Supprimer Elements / Contenu

Pour supprimer des éléments et le 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é

jQuery remove() Méthode

Le jQuery remove() méthode supprime sélectionné element(s) et ses éléments enfants.

Exemple

$("#div1").remove();
Essayez - le vous - même »

jQuery empty() Méthode

Le jQuery empty() méthode supprime les éléments de l'enfant sélectionné element(s) .

Exemple

$("#div1").empty();
Essayez - le vous - même »

Filtrer les éléments à être supprimés

Le jQuery remove() méthode accepte également un paramètre qui vous permet de filtrer les éléments à supprimer.

Le paramètre peut être l'une des syntaxes de sélecteur jQuery.

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

Exemple

$("p").remove(".test");
Essayez - le vous - même »

Cet exemple supprime tous les <p> éléments avec class="test" et class="demo" :

Exemple

$("p").remove(".test, .demo");
Essayez - le vous - même »

Testez-vous avec des exercices!

Exercice 1 » Exercice 2» Exercice 3 » Exercice 4»

jQuery HTML référence

Pour un aperçu complet de toutes les méthodes jQuery HTML, s'il vous plaît visitez notre jQuery HTML / CSS Référence .


❮ Précédent Suivant Chapitre ❯