jquery - 追加到选择器匹配的最外层元素

Question

我的文档中有一个表格，其中可能包含也可能不包含多个嵌套表格。每个表(外部和可能的内部)都包含 tbody 标签。我想匹配最外面的 tbody 标签。

下面是一个示例文档:

<table id="shippingContainer">
    <thead>
    </thead>
    <tbody>
        <tr>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                <table>
                    <tbody>
                    </tbody>
                </table>
            </td>
        </tr>
</table>

在本例中，我让 JQuery 选择器选择最外面的表。我想选择与该表关联的 tbody 元素，但不是嵌套表内的任何 tbody 元素。

我原来的选择器很简单:

$("#shippingContainer").find("tbody");

由于显而易见的原因，这不起作用。感谢您的帮助!

Answer 1

您可以使用 child selector实现这一目标:

$("#shippingContainer > tbody");

这将匹配 <tbody>表格的直接子元素。