Méthode de compensation : 1. Utilisez children() pour obtenir tous les éléments enfants sous l'élément spécifié. La syntaxe "$("specified element").children()" renverra un objet contenant tous les éléments enfants ; ) supprime l'élément enfant obtenu et tout son contenu interne, la syntaxe est "element object.remove()".
L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.
Méthode jquery pour effacer tous les éléments enfants sous un élément
Méthode d'implémentation :
Utilisez children() pour obtenir tous les éléments enfants sous l'élément spécifié
Utilisez Remove() pour supprimer le enfants obtenus La méthode element
remove() peut supprimer l'élément et tout le contenu qu'il contient
Exemple d'implémentation : supprimer tous les sous-éléments du div
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("div").children().remove();
});
});
</script>
</head>
<body>
<div style="height:150px;background-color:yellow">
这是一些文本。
<p>这是div块中的一个段落，子元素。<span>这是一个span块，孙元素</span></p>
<p>这是div块中的一个段落，子元素。</p>
<span>这是一个span块，子元素</span>
</div>
<p>这是div块外部的一个段落。</p>
<button>删除div内所有子元素</button>
</body>
</html>
Remarque : Le div contient également du contenu textuel , qui n'est pas un élément enfant , il ne sera donc pas supprimé.
【Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end】
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Que sont les plug-ins jquery ?
Comment faire fonctionner json avec jquery
Comment supprimer des éléments dans jquery
Utilisation de la méthode jQuery hover()
jquery implémente la méthode de pagination
Qu'est-ce qu'un élément caché dans jquery
Qu'est-ce qui est mis en évidence dans jquery
La différence entre la liaison bidirectionnelle vue2 et vue3
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
