javascript - 查找选择器的第一个父级

Question

考虑这个示例 html

<div class="A">
    <div class="B">
        <span class="C">Sample text</span>
        <div class="D">
            <div class="E">Clickable Text</div>
        </div>
    </div>
</div>

还有一些 jQuery

$(".E").click(function(){
    //body
});

获取与选择器匹配的 $(this) 父级的最简单方法是什么？例如，在示例中我需要获取 class="A" 处的 div。目前因为我知道我可以做的html结构

$(this).parent().parent();

但我正在寻找一种无论结构如何都有效的方法。类似的东西

$(this).findFirstParent(".A");

我希望我的理解是可以理解的。

Answer 1

$(".E").click(function(){
    console.log($(this).closest('.A'));
    /* console.log($(this).parents('.A')); works fine too */
});

参见
http://api.jquery.com/closest/
http://api.jquery.com/parents/

请注意，parent() 与 parents() 方法不同(第一个方法仅查找一个祖先)