jQuery La méthode remove() supprimer les éléments sélectionnés

Définition et Usage La méthode .remove()

jQuery cours tutorial

La méthode .remove() supprime les éléments sélectionnés, y compris tous les nœuds de texte et les enfants.

La méthode .remove() est similaire la méthode .empty() , la méthode .remove() rend l'éléments du DOM hors d' utilisation.

Note Utilisez la méthode .remove() lorsque vous souhaitez supprimer l'élément lui-même, ainsi que tout ce qu'il contient. En plus des éléments enfants eux-mêmes, tout dépendant des événements et des données de jQuery associées aux éléments supprimées.

Pour supprimer les éléments tout en conservant les données et les événements, utilisez plutôt .detach() .

Syntaxe :

$(sélecteur).remove()

Examiner le code HTML suivant :

		<div class="conteneur">
		  <div class="bonjour">Bonjour</div>
		  <div class="aurevoir">Au revoir</div>
		</div>

Nous pouvons cibler tout élément avec une classe bonjour :

		$('.bonjour').remove();

Il en résultera en une structure suivante :

		<div class="container">
		  <div class="aurevoir">Au revoir</div>
		</div>

Si nous avions un nombre quelconque d'éléments imbriqués l'intérieur de <div class="bonjour"> , ils seraient supprimés, ainsi que toutes les données et/ou les gestionnaires d'événements jQuery de cet élément seront aussi effacées

Nous pouvons également inclure un sélecteur comme paramètre optionnel. Par exemple, nous pourrions réécrire le code précédent de retrait des DOM comme suit :

		$('div').remove('.bonjour');

Cela se traduirait par la même structure DOM :

		<div class="container">
		  <div class="aurevoir">Au revoir</div>
		</div>

Exemple : Supprimer tous les éléments p .

Sélectionner le code


<!DOCTYPE html>
<html>
<head>
 <script src = "https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
 $("button").click(function(){
 $("p").remove();
 });
});
</script>
</head>
<body>
<p>Ceci est un paragraphe.</p>
<p>Ceci est un autre paragraphe.</p>
<button>Supprimer touts les
éléments p </button>
</body>
</html>

JQuery les méthodes pour manipuler HTML

Par gerywa 25 juillet 2014

jQuery La méthode remove() supprimer les éléments sélectionnés

Référence des sélécteurs jQuery

Définition et Usage La méthode .remove()

Exemple : Supprimer tous les éléments p .

La méthode secrète likes sans fin sur Facebook