查找 HTML DOM 元素的特定父元素

发布于 2024-09-05 03:08:53 字数 504 浏览 3 评论 0 原文

假设我有以下内容:

<table><tr><td>
    <table> <!-- I want a reference to this table -->
        <tr>
            <td>
                <table>
                    <tr><td><span class="theSpanClass"></span></td></tr>
                </table>
            </td>
        </tr>
     </table>
</td></tr></table>

使用 jQuery,我希望能够引用从跨度到正文的第二个表。

谢谢

Lets say I have the following:

<table><tr><td>
    <table> <!-- I want a reference to this table -->
        <tr>
            <td>
                <table>
                    <tr><td><span class="theSpanClass"></span></td></tr>
                </table>
            </td>
        </tr>
     </table>
</td></tr></table>

Using jQuery, I'd like to be able to reference the 2nd table starting from the span towards the body.

Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

靑春怀旧 2024-09-12 03:08:53

对于原始问题:如果您来自跨度,那么您可以执行以下操作:

$(".theSpanClass").parents("table:last")

这使用 .parents() 获取所有 的祖先,然后选择 .parents() jquery.com/last-selector/" rel="nofollow noreferrer">:last 它找到的一个,因为它们是在 DOM 中向上排序的。


更新了新问题:由于问题已经更新,因此上升了 2 个级别,您可以使用 :eq() 像这样:

$(".theSpanClass").parents("table:eq(1)") //it's 0-based

For original question: If you're coming from the span, then you can do this:

$(".theSpanClass").parents("table:last")

This uses .parents() to get all ancestors that are <table>, then selects the :last one it finds, since they're ordered going up the DOM.


Updated for new question: Since the question's been updated, that's 2 levels up, which you would find using :eq() like this:

$(".theSpanClass").parents("table:eq(1)") //it's 0-based
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文