jQuery 检测上述未知级别的父级？

Question

如何检测上述未知级别的父级？

例如:

<div id="parent-a">
    <....>
        <....>
            <div class="the-child" /> <!-- Comment 1 -->
        </....>
    </....>
</div>
<div id="parent-b">
    <....>
        <div class="the-child" /> <!-- Comment 2 -->
    </....>
</div>

<....> DOMS 可以是介于两者之间的任何未知元素(任意数量)。

然后如果我从 the-child 向上看在Comment 1 ，我怎么知道它的父级是 div#parent-a ？

同样的事情，如果我从 the-child 向上看在Comment 2 ，我怎么知道它的父级是 div#parent-b ？

Answer 1

您可以使用 jQuery 的 parents()对于此类任务。 但是您必须至少有一些您想要定位的父元素的标识符，因此，例如，这可以工作:

// for version one
var parent = $( '.the_child' ).parents( '#parent-a' );

// for version two
var parent = $( '.the_child' ).parents( '#parent-b' );

在这两种情况下，都会返回第一个元素，它是 the_child 元素的祖先并且与给定选择器匹配(如果存在)。