jQuery - How to determine if a parent element exists?

jquery parent
Dan picture Dan · Apr 22, 2010 · Viewed 36.4k times · Source

I'm trying to dynamically and a link to an image, however I cannot correctly determine is the parent link already exists.

This is what I have, 

if (element.parent('a'.length) > 0)
{   
      element.parent('a').attr('href', link);            
}
else
{   
      element.wrap('<a></a>');
      element.parent('a').attr('href', link);     
}

Where element refers to my img element and link refers to the url to use.

Every time the code runs, the else clause is performed, regardless of whether or not the img tag is wrapped in an a tag.

Can anyone see what I'm doing wrong?

Any advice appreciated.

Thanks.

Answer

RoToRa picture RoToRa · Apr 22, 2010

The first line should be:

if (element.parent('a').length > 0)

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
jQuery: How to get to a particular child of a parent?

To give a simplified example, I've got the following block repeated on the page lots of times (it's dynamically generated): <div class="box"> <div class="something1"></div> <div class="something2"> <a …

Read More
Changing the child element's CSS when the parent is hovered

First of all, I'm assuming this is too complex for CSS3, but if there's a solution in there somewhere, I'd love to go with that instead. The HTML is pretty straightforward. <div class="parent"> <div class="child"&…

Read More