Question

jq怎么获取动态添加行数的表格行数

如题，表格行数是在html页面通过按钮动态增加和删除的，怎么能动态获取到增加后或者删除后的行数

Answer 1

<table id="dd">
<tr><td>aa</td></tr>
</table>
<input type="button" value="add" onclick="add()" />
<input type="button" value="length" onclick="length()" />
<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script>
function add() {
    $("#dd").append("<tr><td>dd</td></tr>");
}
function length() {
    alert($("#dd tr").length);
}
</script>

追问

亲，我想要的是，增加行的时候，那个行数能自动更新，不靠点击获取

追答

<table id="dd">
<tr><td>aa</td></tr>
</table>
<input type="button" value="add" onclick="add()" />
<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script>
function add() {
    $("#dd").append("<tr><td>dd</td></tr>");
    alert($("#dd tr").length);
}
function length() {
    alert($("#dd tr").length);
}
</script>

只是放哪里的问题，也就是在每次增加或修改后重新获取下tr个数  只要知道怎么获取，具体在哪里获取，获取后干什么都看你喜欢了

Answer 2

代码如下：
<script language="javascript" type="text/javascript">
$(function() {
$("#txtInput").attr("value", "90");
var v_temp = $("#lblMessage").text();
//alert(v_temp);
$("#txtInput01").attr("value", v_temp);
$("#div1").removeClass("div1");
$("#div1").addClass("divtest");
var flog = $("#div1").hasClass("divtest");
$("#div1").html("<input type='button' id='id123' style='width:100px; height:150px'>");
var t01 = $("#table01 tr").length;
alert(t01);
$("#table01").find("td").each(function(i) {
var t = $(this).text();
alert(t);
})

});

<form id="form1" runat="server">
<div>
<input type="text" id="txtInput" runat="server" style=" font:" />
<br/>
<asp:Label ID="lblMessage" Text="我在测试" runat="server"></asp:Label>
<br/>
<input type="text" id="txtInput01" runat="server" />
<br />
<asp:TextBox ID="TextBox1" runat="server" Width="156px"></asp:TextBox>
<input type="button" onclick="createXMLHttpRequest()" />
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</div>
<table id="table01" border="1px"><tr>
<td>11</td><td>11</td></tr>
<tr><td>22</td><td>22</td></tr>
<tr><td>33</td><td>33</td></tr>
<tr><td>44</td><td>44</td></tr>
<tr><td>55</td><td>55</td></tr></table>
<div id="div1" class="div1">

</div>
</form>