附加到选择器匹配的最外层元素

Dan*_*ats 1 jquery jquery-selectors

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

以下是示例文档:

<table id="shippingContainer">
    <thead>
    </thead>
    <tbody>
        <tr>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                <table>
                    <tbody>
                    </tbody>
                </table>
            </td>
        </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

在这种情况下,我有JQuery选择器选择最外面的表.我想选择与该表关联的tbody元素,但不要选择嵌套表中的任何tbody元素.

我原来的选择器很简单:

$("#shippingContainer").find("tbody");
Run Code Online (Sandbox Code Playgroud)

这显然不是很明显的原因.谢谢您的帮助!

Fré*_*idi 5

您可以使用子选择器来实现:

$("#shippingContainer > tbody");
Run Code Online (Sandbox Code Playgroud)

这将匹配<tbody>您的表的直接子元素.