如何使用 jQuery 统计表格中的行数?


示例

 实时演示

<html>
<head>
<title>table</title>
   <style type="text/css">
   table,th,td {
      border:2px solid black;
      margin-left:400px;
   }
   h2 {
      margin-left:400px;
   }
   button {
      margin-left:400px;
   }
   </style>
   <script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
   $(document).ready(function () {
      $("button").click(function () {
         var rowcount = $('table tr').length;
         alert("No. Of Rows ::" +rowcount);
      });
   });
</script>
</head>
<body>
<div>
<h2>HTML TABLE</h2>
<table>
<tr>
<th>
NAME
</th>
<th>
AGE
</th>
</tr>
<tr>
<td>DD</td>
<td>35</td>
</tr>
<tr>
<td>SB</td>
<td>35</td>
</tr>
<tr>
<td>AD</td>
<td>5</td>
</tr>
<tr>
<td>AA</td>
<td>5</td>
</tr>
</table>
<button type="button" id="btn">Click Here</button>
</div>
</body>
</html>

更新于:21-6-2020

1000+ 次查看

职业起航

完成课程获取认证

开始
广告