Maison >interface Web >Questions et réponses frontales >Comment supprimer tous les éléments sous un nœud dans jquery
Comment supprimer tous les éléments sous un nœud dans jquery
- 青灯夜游original
- 2022-04-21 16:02:062625parcourir
Méthode pour supprimer tous les éléments sous un nœud : 1. Utilisez find() pour obtenir tous les éléments de sous-ensemble sous le nœud (y compris les sous-ensembles de sous-ensembles), la syntaxe est "spécifiez node object.find("*""); Utilisez Remove() pour supprimer les éléments obtenus (y compris tout le texte et les sous-nœuds), la syntaxe est "élément acquis set.remove()".
L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.
Méthode jquery pour supprimer tous les éléments sous un nœud
Idée d'implémentation :
Utilisez la méthode find() pour obtenir tous les éléments de sous-ensemble (y compris les sous-ensembles de sous-ensembles) sous le nœud
Utilisez le La méthode Remove() supprime tous les éléments du sous-ensemble obtenus
Code d'implémentation :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<style>
.div,
div * {
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
ul *{
color:red;
border:2px solid red;
}
</style>
<script>
$(document).ready(function() {
$("button").on("click", function() {
$("ul").find("*").remove();
});
});
</script>
</head>
<body class="ancestors">
<div style="width:500px;">div (父节点)
<ul>ul (指定元素)
<li>li (子节点1)
<span>span (孙节点1)</span>
</li>
<li>li (子节点2)
<span>span (孙节点2)</span>
</li>
<li>li (子节点3)
<span>span (孙节点3)</span>
</li>
</ul>
</div>
<button>删除ul节点下所有元素</button>
</body>
</html>
Description : La méthode
-
find() renvoie les éléments descendants de l'élément sélectionné (les descendants sont les enfants, petits-enfants, arrière- petit-fils, etc.). La méthode
find() parcourt tous les chemins vers les descendants de l'élément DOM jusqu'au dernier descendant (). La méthode
remove() supprime les éléments sélectionnés, y compris tous les textes et nœuds enfants. Cette méthode supprime également les données et les événements de l'élément sélectionné.
【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!