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

Question

假设我有以下内容:

<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，我希望能够引用从跨度到正文的第二个表。

谢谢

Answer 1

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

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

这使用 .parents() 获取 <table> 的所有祖先，然后选择 :last 它找到了一个，因为它们是按照 DOM 的向上顺序排列的。

<小时/>

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

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