📌  相关文章
📜  Jquery 表行数 - Javascript (1)

📅  最后修改于: 2023-12-03 15:32:14.433000             🧑  作者: Mango

Jquery 表行数 - Javascript

在开发 Web 应用程序时，我们经常需要使用表格来展示数据。当表格中的数据很多时，我们需要知道表格中有多少行。

使用 jQuery，我们可以轻松地获取表格的行数。

使用 jQuery 获取表格行数

要获取表格的行数，我们可以使用以下 jQuery 代码：

var rowCount = $('#表格ID tr').length;

此代码将返回表格中的行数，并将其存储在 rowCount 变量中。

其中，#表格ID 表示要获取的表格的 ID。tr 表示表格中的行。

示例

以下代码将演示如何获取表格的行数。首先，我们在 HTML 中创建一个表格，然后使用 jQuery 获取它的行数。

<!DOCTYPE html>
<html>
<head>
	<title>表行数</title>
	<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
	<table id="myTable">
		<tr>
			<th>姓名</th>
			<th>年龄</th>
			<th>城市</th>
		</tr>
		<tr>
			<td>Tom</td>
			<td>28</td>
			<td>北京</td>
		</tr>
		<tr>
			<td>Jack</td>
			<td>32</td>
			<td>上海</td>
		</tr>
		<tr>
			<td>Mary</td>
			<td>25</td>
			<td>广州</td>
		</tr>
		<tr>
			<td>John</td>
			<td>30</td>
			<td>深圳</td>
		</tr>
	</table>

	<script>
		var rowCount = $('#myTable tr').length;
		alert('表格中共有 ' + rowCount + ' 行。');
	</script>
</body>
</html>

代码运行截图如下：

代码运行截图

总结

使用 jQuery 获取表格的行数非常简单。只需使用 $('#表格ID tr').length jQuery 代码即可。

希望这篇文章可以帮助你快速获取表格的行数。