如何使用 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>
广告