Maison >interface Web >js tutoriel >Comment supprimer le contenu d'un élément avec jquery
Comment supprimer le contenu d'un élément avec jquery
- WBOYoriginal
- 2021-11-24 15:28:342524parcourir
Méthode : 1. Utilisez les méthodes children() et remove() pour supprimer le contenu de l'élément spécifié. La syntaxe est "$(element).children().remove();" 2. Utilisez le vide(); ) pour supprimer le contenu de l'élément spécifié Content, la syntaxe est "$(element).empty();".
L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.0, ordinateur Dell G3.
Comment supprimer le contenu d'un élément avec jquery
Dans jquery, vous pouvez définir l'attribut id pour une partie de la balise de contenu dans la balise et obtenir une partie de l'objet de contenu via l'identifiant.
Si vous devez supprimer des éléments et du contenu, vous pouvez généralement utiliser les deux méthodes jQuery suivantes :
remove() - supprime l'élément sélectionné (et ses sous-éléments)
empty() - supprime de l'élément sélectionné Éléments enfants
Jetons un coup d'œil à l'utilisation de ces deux méthodes à travers des exemples. Les exemples sont les suivants :
1 Utilisez la méthode children() pour renvoyer tous les éléments enfants directs de l'élément sélectionné. , puis utilisez la méthode jQuery Remove() pour supprimer l'élément sélectionné et ses éléments enfants.
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").children().remove();
});
});
</script>
</head>
<body>
<div id="div1" style="height:120px;width:300px;border:1px solid black;background-color:yellow;">
<p>This is some text in the div.</p>
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>
</div>
<br>
<button>删除 div 元素</button>
</body>
</html>Résultat de sortie :
2 La méthode jQuery empty() supprime les éléments enfants de l'élément sélectionné.
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").empty();
});
});
</script>
</head>
<body>
<div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">
This is some text in the div.
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>
</div>
<br>
<button>清空 div 元素</button>
</body>
</html>Résultats de sortie :
Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery
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!