Rumah > hujung hadapan web > tutorial js > Bagaimana untuk menyemak berapa banyak baris jadual dalam jquery

Bagaimana untuk menyemak berapa banyak baris jadual dalam jquery

青灯夜游
Lepaskan: 2021-11-16 17:25:33
asal
3161 orang telah melayarinya

Cara menyemak bilangan baris jadual dengan jquery: 1. Gunakan pernyataan "$("table").find("tr")" untuk mendapatkan objek tr dalam jadual; atribut panjang untuk mengira Panjang objek tr boleh digunakan untuk mendapatkan bilangan baris dalam jadual Sintaks ialah "objek tr.panjang".

Bagaimana untuk menyemak berapa banyak baris jadual dalam jquery

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

Dalam jadual, pasangan teg tr mewakili satu baris data. Jika anda ingin menggunakan jquery untuk menyemak bilangan baris yang ada pada jadual, anda perlu menyemak bilangan pasangan tag tr yang ada pada jadual.

Kod pelaksanaan:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					var num=$("table").find("tr").length;
					alert(num);
				});
			});
		</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>获取表格的行数</button>
	</body>
</html>
Salin selepas log masuk

Bagaimana untuk menyemak berapa banyak baris jadual dalam jquery

Cadangan tutorial berkaitan: Tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menyemak berapa banyak baris jadual dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan