javascript - 3 番目の子クラスを使用して親 div 値を取得する方法は?

Question

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

divたとえば 、3 番目の をクリックする$(.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");
});