Question

我有一个包含行数的HTML表格，我的来源是

<div>
<table id="grdAddressbook" cellspacing="0" cellpadding="0" border="0px" style="width:100%;border-collapse:collapse;" rules="all">
<tbody>
<tr>
 <td></td>
</tr>
<tr>
 <td></td>
</tr>
<tr>
 <td></td>
</tr>
<tr>
 <td></td>
</tr>
<tr>
 <td></td>
</tr>
</tbody>
</table>
</div>

我尝试使用代码查找表行数。

$("#grdAddressbook tr").length;

$("#grdAddressbook tbody").children().length;

$("#grdAddressbook >tbody>tr").length;

$("#grdAddressbook").find("tbody").children().length;

$($("#grdAddressbook").find("tbody")).children().length;

但是所有上面的代码都返回'0'，尽管有超过0 tr。我在源代码中包含了jquery。

它出现在下面的萤火虫中

>>> $('#grdAddressbook tr').length;
0

该表位于id为'ifrmAdBook'的ifreme内，所以我也试过了

var i=$("#ifrmAdBook").find("#grdAddressbook");
$(i).find("tr").length;

这也是0

Answer 1

试试这个：

DEMO

> $('#grdAddressbook tr td').size();

Answer 2

正常工作 - DEMO

HTML

<div>
<table id="grdAddressbook" cellspacing="0" cellpadding="0" border="0px" style="width:100%;border-collapse:collapse;" rules="all">
<tbody>
<tr>
 <td></td>
</tr>
<tr>
 <td></td>
</tr>
<tr>
 <td></td>
</tr>
<tr>
 <td></td>
</tr>
<tr>
 <td></td>
</tr>
</tbody>
</table>
</div>

JS

alert("tr length: " + $("#grdAddressbook tr").length);

alert("tbody length: " + $("#grdAddressbook tbody").children().length);

alert("tbody tr length: " + $("#grdAddressbook >tbody>tr").length);

alert("children: " + $("#grdAddressbook").find("tbody").children().length);

alert($($("#grdAddressbook").find("tbody")).children().length);

Answer 3

检查你的表是在执行长度之前开发的

if ($('#grdAddressbook')[0])
{   
alert($("#grdAddressbook tr").length);    
}

tr的长度不计算使用jquery

3 个答案: