如何通過使用第三個子類獲取父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");
});