Question

I need to be able to get the href (or somehow get the target url) of any <a> tag that is clicked even if it is wrapping another element. For example, you could ordinarily do:

$("document").click(function (event) {
   url = event.target.href;
});

However, in this example, the <a> wraps an <img>, so the event target will not have the href. Using parentNode is no good either, because there is also a span around the img in the example:

http://jsfiddle.net/z7ZYw/

I cannot change the selector either.

So is there any way to get the href in this circumstance?

Answer 1

You’re looking for jQuery’s closest method:

$(e.target).closest('a');