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 .

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>

 


Par gerywa 25 juillet 2014

MARKETPOWER-IA
Logiciel d'I.A.
Logiciel d'I.A. 100% Français pour lancer son business en ligne

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

Livre numérique court pour comprendre la méthode secrète permettant d'obtenir des likes sans fin sur Facebook.

GAGNER DE L'ARGENT
GRÂCE À FACEBOOK 
N'A JAMAIS ÉTÉ SI FACILE


Consulter


1tpe