jQuery parent of a parent

Question

I am currently trying to find the parent of a parent of an element. I have a link being clicked that is in a , and I\'d like to get the

Answer 1

If you have any sort of id/class for the parent, you can use parents() but that will give you all parents up to the < body > unless you filter() or stop it some other way like

$(this).parents('.myClass');

Hope this helps someone :)

Answer 2

It should work. You can also try $(this).parents(tag) , where tag is the tag you want to find.

For example:

$(this).parents("tr:first")

Will find the closest tr "up the chain".

Answer 3

Try wrapping the $(this).parent() into an jQuery object like $($(this).parent()) I often find the need to do this to make sure I have a valid jquery object. From there you should be able to get a hold of the parents parent, or using the prev() perhaps.

Answer 4

var getParentNode = function(elem, level) { 
    level = level || 1; 
    for (var i = 0; i < level; i++) {
        if (elem != null) {
            elem = elem.parentNode; 
        }
    }
    return elem; 
}

Answer 5

.closest() is not always best option specially when you have same element construct.

<div>
    <div>
        <div>
        </div>
    </div>
</div>

You can do parent of a parent and it's very easy:

var parent = $('.myDiv').parent();
var parentParent = $(parent).parent();
var parentParentParent = $(parentParent).parent();

etc.

Answer 6

also try

$(this).closest('div.classname').hide();