Comment supprimer le dernier nœud dans jquery-Questions et réponses frontales-php.cn

Comment supprimer le dernier nœud dans jquery

青灯夜游

Libérer： 2022-04-22 17:55:28

original

2644 Les gens l'ont consulté

Comment supprimer le dernier nœud : 1. Utilisez le sélecteur "eq(-1)" pour sélectionner le dernier nœud du document, la syntaxe est "$(Element:eq(-1))" ; ( ) pour supprimer le nœud sélectionné, la syntaxe "selected element.remove()" peut supprimer l'élément spécifié ainsi que tout le texte et les sous-nœuds qu'il contient.

Comment supprimer le dernier nœud dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

jquery supprime le dernier nœud

Méthode d'implémentation :

Utilisez le sélecteur ":eq()" pour sélectionner le dernier élément de nœud dans le document
Utilisez Remove() pour supprimer La méthode

Remove() de l'élément de nœud sélectionné supprimera un élément et tout son contenu.

Points clés : sélecteur :eq()

Le sélecteur :eq() sélectionne les éléments avec la valeur d'index spécifiée.
Les valeurs d'index commencent à 0, donc la valeur d'index du premier élément est 0 (et non 1).
Lorsque l'index est une valeur négative, sélectionnez les éléments de l'arrière vers l'avant

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;
			}
		</style>

		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					$("li:eq(-1)").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>删除最后一个li元素</button>
	</body>

</html>

Copier après la connexion

Comment supprimer le dernier nœud dans jquery