如何通过使用第三个子类获取父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')

来自DOCS：http://api.jquery.com/parents/
来自DOCS：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");
});