jquery - 仅获取父表长度

Question

我有一个带有嵌套表的表...

<table id="Table1">
    <tr>
        <td>
            Row 1 
        </td>
    </tr>
    <tr>
        <td>
            Row 2
            <table id="Table2">
                <tr>
                    <td>
                      Row 1 
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

我使用 jQuery 来查找tr行数...

var RowCount = $("#Table1 tr").length;

如何编写 jquery 以仅查找父表的行数Table1而不是组合嵌套Table2？例如：我要查找的结果是 RowCount = 2 而不是 RowCount = 3。

Answer 1

// Using the DOM property:
var rowCount = $("#Table1")[0].rows.length;
// Or:
var rowCount = $("#Table1 > tbody > tr").length;
// Using the child selector, "parent > child"

我已重命名RowCount为rowCount，因为按照惯例，只有构造函数名称以大写字母开头。

Answer 2

下面的行使用 jQuery 的 .children 来获取所选对象的直接后代，并可选择使用选择器参数过滤结果。在您的情况下，分别是 table1 和“tr”。

var rowCount = $("#Table1").children("tr").length;