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