oujood.com

jQuery La méthode empty() supprime tous le contenu des éléments choisis

La méthode empty() supprime tous les contenus des éléments choisis, y compris des nœuds de texte et les enfants

search |

Définition et Usage La méthode empty()

La méthode .empty() supprime tous le contenu des éléments choisis, y compris des nœuds de texte et les enfants.

Syntaxe :

$(sélecteur).empty()

Note : Cette méthode ne supprime pas l'élément lui-même, ou ses attributs, en d'autre terme l'élément sera simplement vidé de son contenue.

Cette méthode supprime non seulement les éléments enfants (et autre descendant), mais aussi tout texte au sein de l'ensemble des éléments sélectionnés. C'est parce que, selon la spécification DOM, toute chaîne de texte au sein d'un élément est considérée comme un nœud enfant de cet élément.

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 la classe bonjour :

		$('.bonjour').empty();
		

Il en résultera en une structure DOM avec Bonjour texte supprimé :

		<div class="container">
		  <div class="bonjour"></div>
		  <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 aussi éliminés.

 

Exemple : Vider l'élément HTML P

Sélectionner le code

<!DOCTYPE html>
<html>
<head>
 <script type="text/javascript"
src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
 $("p").empty();
 });
});
</script>
</head>
<body>
<p
style="width:200px;height:200px;background-color:yellow">Ceci
est le contenue  suprimer.</p>
<button>Vider l'élément
p</button>
</body>
</html>

 



Par gerywa 25 juillet 2014

Trafic Booster
hebergement web

SCREEBER - Logiciel de copywriting

SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


HTML5, CSS3, JavaScript pour débutants Tome 1
HTML5, CSS3, JavaScript
pour débutants Tome 1

Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

Regarder aussi nos cours :

Formats de son audio

Formats de son
Ce chapitre décrit les formats audio les plus communs ( ou les plus populaires).

fonction gmmktime

Retourne le timestamp UNIX d'une date GMT

margin-right

Définit la marge de droite d'un élément



Rentabilisez efficacement votre site

Votre soutien nous aide à faire fonctionner le site
Cette page vous a été utile? Partagez la pour nous encourager à continuer. Merci