oujood.com

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

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

chercher |

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 .

Exemple :       Copier 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>


Par gerywa 25 juillet 2014



Voir aussi nos tutoriel :

Balise élément de liste dd

Définit la description d'un élément dans une liste de définitions

Référence des fonctions de php

Référence des fonctions de php

fonction quoted_printable_decode

Convertit une chaîne quoted-printable en chaîne 8 bits