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

You could try with .parent().parent(), e.g. $(".three").parent().parent().anything(...).

Answer 3

A general solution would be:

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

so:

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