高防服务器

jquery如何检查一个表格有多少行


jquery如何检查一个表格有多少行

发布时间:2021-11-21 08:04:40 来源:高防服务器网 阅读:86 作者:小新 栏目:web开发

这篇文章主要为大家展示了“jquery如何检查一个表格有多少行”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jquery如何检查一个表格有多少行”这篇文章吧。

jquery检查一个表格有多少行的方法:1、使用“$("table").find("tr")”语句获取到table表格中的tr对象;2、利用length属性计算tr对象的长度,即可获取表格的行数,语法“tr对象.length”。

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

在表格中,一个tr标签对就表示一行数据。想要使用jquery检查一个表格有多少行,就需要检查一个表格有多少个tr标签对。

实现代码:

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

以上是“jquery如何检查一个表格有多少行”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注高防服务器网行业资讯频道!

[微信提示:高防服务器能助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

[图文来源于网络,不代表本站立场,如有侵权,请联系高防服务器网删除]
[