jQuery - Getting the second level parent of an element

jquery html parent
HandiworkNYC.com picture HandiworkNYC.com · Apr 20, 2010 · Viewed 59.4k times · Source

I am trying to retrieve the parent of an <a> element's parent (grandparent?). I want to find that grandparent, then find a <b> tag in that element, then store that text as a variable to publish elsewhere on the page. I've been trying to use the parent() function but without success.

Here's the code I tried:

    $('.mixPlayCell a').click( function() {
        var title = $(this).parent().get(0).parent().get(0).text();
        alert(title);
    });

Answer

Radek picture Radek · Aug 9, 2011

For selecting a second parent

parents(':eq(1)')

looks smoother than

parent().parent()

Also, you might find that

closest('ul')

fits the job better.

Related questions

How to find a parent with a known class in jQuery?

I have a <div> that has many other <div>s within it, each at a different nesting level. Rather than give every child <div> an identifier, I rather just give the root <div&…

Read More
Getting attribute of a parent node

I am trying to use $(this).parentNode.attr('data-element') which should return 0 - 5 in string but it just won't work. I am using it in a function like this $('.someClass').each(function(){ $(this).html(SomeFunction('SomeString', $(this).parentNode.attr(…

Read More
How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More