Heim > Web-Frontend > js-Tutorial > So überprüfen Sie, wie viele Zeilen eine Tabelle in jquery hat

So überprüfen Sie, wie viele Zeilen eine Tabelle in jquery hat

青灯夜游
Freigeben: 2021-11-16 17:25:33
Original
3161 Leute haben es durchsucht

So überprüfen Sie mit jquery, wie viele Zeilen eine Tabelle hat: 1. Verwenden Sie die Anweisung „$(“table“).find(“tr“)“, um das tr-Objekt in der Tabellentabelle abzurufen Um die Länge des tr-Objekts zu berechnen, können Sie die Anzahl der Zeilen in der Tabelle ermitteln. Die Syntax lautet „tr object.length“.

So überprüfen Sie, wie viele Zeilen eine Tabelle in jquery hat

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

In der Tabelle stellt ein tr-Tag-Paar eine Datenzeile dar. Wenn Sie jquery verwenden möchten, um zu überprüfen, wie viele Zeilen eine Tabelle hat, müssen Sie überprüfen, wie viele tr-Tag-Paare eine Tabelle hat.

Implementierungscode:

<!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>
Nach dem Login kopieren

So überprüfen Sie, wie viele Zeilen eine Tabelle in jquery hat

Verwandte Tutorial-Empfehlungen: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo überprüfen Sie, wie viele Zeilen eine Tabelle in jquery hat. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage