加入收藏 | 设为首页 | 会员中心 | 我要投稿 青岛站长网 (https://www.0532zz.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

jQuery中获取表格行数的思路与方法是什么?

发布时间:2022-02-08 14:15:10 所属栏目:语言 来源:互联网
导读:jQuery中获取表格行数的思路和方法是什么?首先我们需要知道tr标签,tr标签用于定义HTML表格中的一行,因此我们要获取表格行数的思路就是坚持这个表格有多少个tr标签就可以了,那么具体怎样实现呢?我们接着往下看吧。 本教程操作环境:windows7系统、jquery
      jQuery中获取表格行数的思路和方法是什么?首先我们需要知道tr标签,tr标签用于定义HTML表格中的一行,因此我们要获取表格行数的思路就是坚持这个表格有多少个tr标签就可以了,那么具体怎样实现呢?我们接着往下看吧。
 
      本教程操作环境: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>

(编辑:青岛站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读