表长度的jQuery表

Question

我有两个html表：

<table id="tabA">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>
    <table id="tabB">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>
    </td>
  </tr>
</table>

所以，如果我使用$("#tabA tr").length，我会收到3而不是2.我想只计算tabA长度。

Answer 1

使用$("#tabA > tbody > tr").length。选择器返回tabA中的所有tr元素，而不仅仅是它的直接后代。

这是reference to child selectors。

Answer 2

这应该有效：

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

Answer 3

您可以使用direct child选择器：

$("#tabA > tr").length

或children方法：

$("#tabA").children('tr').length

但是，浏览器为tbody元素添加tr包装，direct child选择器和children方法不返回正确的值，您可以编码：

$("#tabA > tbody > tr").length