javascript - 如何使用第三个子类获取父 div 值？

Question

<div class="one">
    <div class="two">
        <div class="three">success</div>
    </div>
</div>

例如，如果我单击第三个div， $(.three).click(function (){ }); 我需要父类div( .one)。我怎样才能在 jQuery 中做到这一点？

Answer 1

尝试使用：$('.three').parents('.one')
或使用$('.three').closest('.one')

来自文档：http: //api.jquery.com/parents/
来自文档：http: //api.jquery.com/closest/

Answer 2

您可以尝试使用.parent().parent()，例如$(".three").parent().parent().anything(...)。

Answer 3

一般的解决方案是：

$(this).closest(".outer");

所以：

$(".anyDepth").click(function () { 
    $(this).closest(".outermostDiv").addClass("foo");
});