Maison > Article > interface Web > Comment supprimer des éléments td dans jquery
Comment supprimer des éléments td dans jquery
- WBOYoriginal
- 2022-03-22 14:54:252695parcourir
Dans jquery, vous pouvez utiliser la méthode remove() pour supprimer l'élément td. Cette méthode est utilisée pour supprimer l'élément sélectionné, y compris tout le texte et les nœuds enfants de l'élément sélectionné. La syntaxe est "td element object.remove(". );".
L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.6.1, ordinateur Dell G3.
Comment supprimer des éléments td avec jquery
La méthoderemove() supprime les éléments sélectionnés, y compris tout le texte et les nœuds enfants.
Cette méthode supprimera également les données et événements de l'élément sélectionné.
Astuce : Si vous devez supprimer des éléments mais conserver les données et les événements, veuillez plutôt utiliser la méthode detach().
Astuce : Si vous souhaitez uniquement supprimer le contenu de l'élément sélectionné, veuillez utiliser la méthode empty().
La syntaxe est la suivante :
$(selector).remove()
L'exemple est le suivant :
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("td").remove();
});
});
</script>
</head>
<body>
<table border="1">
<caption>人物信息</caption>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>Peter</td>
<td>20</td>
</tr>
<tr>
<td>Lois</td>
<td>20</td>
</tr>
</table><br />
<button>点击按钮，去除td</button>
</body>
</html>Résultat 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!