Question

如何用jquery 取得table的总行数

只能用jquerty做。。在线等。。

Answer 1

jquery的 length 属性可以获取包含 jQuery 对象中元素的数目，因此通过一下代码可以获取table的行数

$("table tr").length

实例演示如下

1. 创建Html元素

   <div class="box">
   	<span>点击按钮获取表格的行数：</span><br>
   	<div class="content">
   		<table>
   	        <tr><td>1</td><td>2</td><td>3</td></tr>
   	        <tr><td>4</td><td>5</td><td>6</td></tr>
   	        <tr><td>7</td><td>8</td><td>9</td></tr>
   	    </table>
   	</div>
   	<input type="button" value="获取表格的行数">	
   </div>

2. 设置css样式

   div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
   div.box span{color:#999;font-style:italic;}
   div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
   table{border-collapse:collapse;}
   td{width:30px;height:30px;line-height:30px;text-align:center;border:1px solid green;}

3. 编写jquery代码

   $(function(){
   	$(":button").click(function() {
   		alert($("div.content table tr").length);
   	});
   })

4. 观察效果

   

Answer 2

$("#table的ID").find("tr").length