如何查找包含特定選擇器的父元素

Question

我們假設有以下html結構（1）。
從$('.child') element我可以訪問$('.gran-parent') element ，類似於$('.child').parent().parent(); 。

無論如何，我不認為這是一個好方法，因為不是通用的。
我們假設$（'。gran-parent'）和$（'。child'）之間還有其他div。
從$('.child')開始，引用第一個父類的最通用的方法是哪個類是gran-parent ？

<div class='gran-parent'>
    <div class='parent'>
        <div class='child'>
        </div>
    </div>
</div>

Answer 1

你要：

$('.child').closest(".grand-parent");

.closest將繼續遍歷，直到找到.grand-parent 。 您也可以執行.parents(".grand-parent")但這可能會返回多個結果，具體取決於您的DOM層次結構，因此您必須執行以下操作：

.parents(".grand-parent").eq(0)

要么：

.parents(".grand-parent").slice(0)

要么：

.parents(".grand-parent:first")

所有這些都不如.closest()優雅。

看到：

• http://api.jquery.com/closest/
• http://api.jquery.com/parents/

Answer 2

您正在尋找.parents（）運算符。

例：

$('.child').parents('.gran-parent');