how to get the parent div value by using third child class?

Question

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

If I click the third div , for example $(.three).click(function (){ }); I need the class of the parent div ( .one ). How can I do this in jQuery?

Answer 1

try with: $('.three').parents('.one')
or with $('.three').closest('.one')

from the DOCS: http://api.jquery.com/parents/
from the DOCS: http://api.jquery.com/closest/

Answer 2

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

Answer 3

A general solution would be:

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

so:

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