Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengalih keluar nod terakhir dalam jquery

Bagaimana untuk mengalih keluar nod terakhir dalam jquery

青灯夜游asal: 2022-04-22 17:55:282623semak imbas

Kaedah untuk mengalih keluar nod terakhir: 1. Gunakan pemilih "eq(-1)" untuk memilih nod terakhir dalam dokumen, sintaksnya ialah "$(Element:eq(-1))"; 2. Gunakan remove() untuk memadamkan nod yang dipilih Sintaks "elemen yang dipilih.remove()" boleh memadamkan elemen yang ditentukan dan semua teks dan sub-nod di dalamnya.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

jquery mengalih keluar nod terakhir

Kaedah pelaksanaan:

Gunakan pemilih ":eq()" untuk memilih elemen nod terakhir dalam dokumen
Gunakan remove() untuk memadamkan elemen nod yang dipilih

kaedah remove( ) Memadam elemen dan semua kandungan di dalamnya.

Isi penting: :eq() pemilih

:eq() pemilih memilih elemen dengan nilai indeks yang ditentukan.
nilai indeks bermula dari 0, jadi nilai indeks elemen pertama ialah 0 (bukan 1).
Apabila indeks ialah nilai negatif, pilih elemen dari belakang ke hadapan

Kod pelaksanaan:

<!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>

Bagaimana untuk mengalih keluar nod terakhir dalam jquery

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar nod terakhir dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery 选择器

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Apakah arah putaran rotateX dalam css3Artikel seterusnya：Apakah arah putaran rotateX dalam css3

Artikel berkaitan

Lihat lagi