Comment supprimer l'élément HTML de DOM à l'aide de jQuery

Dans les programmes Web, les développeurs sont souvent confrontés à des situations où il est nécessaire de supprimer soit l'élément HTML entier ou uniquement les éléments imbriqués dans un élément spécifié. Pour accomplir ces tâches avec une grande facilité, certaines méthodes jQuery sont disponibles telles que retirer () et vide (). Cet article vous guidera sur la façon d'utiliser ces méthodes pour supprimer un élément HTML à l'aide d'exemples pertinents.

Supprimer un élément HTML à l'aide de jQuery

Appliquer les méthodes mentionnées ci-dessous pour éliminer les éléments de jQuery.

1. retirer()
2. vide()

Ici, nous avons discuté des méthodes susmentionnées en profondeur.

Méthode de suppression ()

Cette méthode supprime un élément HTML et tout à l'intérieur, qui comprend tout contenu ou élément imbriqué dans l'élément spécifié.

Exemple

Supposons que vous souhaitiez supprimer un élément comprenant tous les éléments imbriqués présents à l'intérieur à l'aide de la méthode retirer (). Utilisez le code suivant.

Html

Un paragraphe

Retirer

Dans le code HTML ci-dessus, nous avons créé A, et à l'intérieur que nous avons imbriqué un

élément. De plus, nous avons également créé un bouton qui supprimera l'élément.

jquery

$ (document).ready (function ()
$ (".Button1 ").cliquez sur (fonction ()
$ (".div ").retirer();
);
);

Maintenant, nous avons appliqué la méthode de supprimer () qui supprimera l'ensemble et tous ses éléments enfants.

Sortir

La méthode retire () a réussi à supprimer l'intégralité de la div.

Méthode vide ()

La méthode vide () est également utilisée pour éliminer les éléments, cependant, cette méthode supprime uniquement le contenu ou les éléments imbriqués à l'intérieur de l'élément spécifié.

Exemple

Pour démontrer le fonctionnement de la méthode vide (), nous utilisons l'exemple ci-dessus, mais maintenant au lieu d'appliquer la méthode supprime (), nous appliquerons la méthode vide ().

jquery

$ (document).ready (function ()
$ (".Button1 ").cliquez sur (fonction ()
$ (".div ").vide();
);
);

Dans le code ci-dessus, la méthode vide () est utilisée qui ne supprimera que le contenu ou les éléments imbriqués à l'intérieur du div.

Sortir

Les éléments imbriqués à l'intérieur du div ont été supprimés avec succès.

Conclusion

Les éléments HTML peuvent être supprimés en utilisant les deux méthodes fournies par jQuery qui sont; retirer (), et vide (). La méthode supprime () supprime un élément HTML et tout ce qui s'y trouve, qui comprend tout contenu ou éléments imbriqué. Ces méthodes sont mises en évidence en détail dans ce guide, ainsi que des exemples pertinents.