cari

Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mengosongkan jadual kecuali dua baris pertama dalam jquery

Bagaimana untuk mengosongkan jadual kecuali dua baris pertama dalam jquery

青灯夜游
青灯夜游asal
2022-04-22 18:09:592464semak imbas

Cara mengosongkan jadual kecuali dua baris pertama dalam jquery: 1. Gunakan pernyataan "$("tr:first").empty();" untuk memilih baris pertama jadual dan kosongkan kandungan baris; 2. Gunakan Pernyataan "$("tr:nth-child(2)").empty();" memilih baris kedua jadual dan mengosongkan kandungan baris.

Bagaimana untuk mengosongkan jadual kecuali dua baris pertama dalam jquery

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

jquery mengosongkan jadual kecuali dua baris pertama

Kaedah pelaksanaan:

  • Gunakan pemilih :first untuk memilih baris pertama jadual dan gunakan empty() untuk mengosongkan kandungan

  • Gunakan pemilih :nth-child(2) untuk memilih yang kedua baris jadual dan gunakan kosong( )Kandungan kosong

Penerangan: Kaedah kosong() boleh mengalih keluar semua nod anak dan kandungan elemen yang dipilih.

Kod pelaksanaan: 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					$("tr:first").empty(); //清空表格第一行内容
					$("tr:nth-child(2)").empty(); //清空表格第二行内容
				});
			});
		</script>
	</head>

	<body class="ancestors">
		<table border="1">
			<tr>
				<th>商品</th>
				<th>价格</th>
			</tr>
			<tr>
				<td>T恤</td>
				<td>￥100</td>
			</tr>
			<tr>
				<td>牛仔褂</td>
				<td>￥250</td>
			</tr>
			<tr>
				<td>牛仔库</td>
				<td>￥150</td>
			</tr>
		</table><br>
		<button>清空表格除前两行内容</button>
	</body>

</html>

Bagaimana untuk mengosongkan jadual kecuali dua baris pertama dalam jquery

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

Atas ialah kandungan terperinci Bagaimana untuk mengosongkan jadual kecuali dua baris pertama dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery 选择器 tr
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：Bagaimana untuk mengalih keluar nod terakhir dalam jqueryArtikel seterusnya：Bagaimana untuk mengalih keluar nod terakhir dalam jquery

Artikel berkaitan

Lihat lagi