grab url of a image link using jquery click function

Question

I'm trying to use jquery and click() to grab the url of an image link once its clicked. The html looks like this.

<div class="lp-element lp-pom-image" id="lp-pom-image-167" >
<a href="http://url.com/page" target=""><img src="/image.jpg" alt=""></a>
</div>

The javascript I'm using so far looks like this but it isn't grabbing the url of the clicked image link. The url needs to be passed to where the variable this is.

jQuery(function() {
jQuery("#lp-pom-image-167").click(function() {
trackOutboundLink(this, 'AddToCart', 'Bottom CTA');
return false;
});
});

How do I pull the href url with the appropriate base URI? ie. "http://url.com/page"?

EDIT:clarified what i am trying to pull out.

$(this).children("a img").attr('src') should do the trick. — Supericy
– Supericy, Commented Feb 19, 2013 at 0:34
<worried> Hope you don't intend to copy paste this(any) JS code like this one 200 times for all your #lp-pom-image-NNN elements.... </worried> — Roko C. Buljan
– Roko C. Buljan, Commented Feb 19, 2013 at 0:36
@Mooseman please paste an official link where we can read this. — Roko C. Buljan
– Roko C. Buljan, Commented Feb 19, 2013 at 0:41
@SheikhHeera specially this answer: stackoverflow.com/a/7572855/390747 — WooCaSh
– WooCaSh, Commented Feb 19, 2013 at 0:51

David Thomas · Accepted Answer · 2013-02-19 00:46:00Z

1

I'd suggest (though untested):

$('.lp-pom-image').click(function(e){
    e.preventDefault(); // stops the default action,
                        // without preventing propagation/bubbling
    trackOutboundLink($(this).find('img').prop('src'), 'AddToCart', 'Bottom CTA');
});

answered Feb 19, 2013 at 0:46

David Thomas

254k53 gold badges382 silver badges421 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Maksym Kozlenko Over a year ago

Similar to mine example, but you are using .prop() instad of .attr(). Note: As of jQuery 1.6, the .prop() method provides a way to explicitly retrieve property values, while .attr() retrieves attributes. api.jquery.com/prop

David Thomas Over a year ago

@Maksym: yes, I know. But thanks for taking the time to point that out. I assumed that he'd want the full URL (hence prop()) rather than retrieving a potentially relative URL that might be in the attribute (which he'd get with attr()).

incognito2 Over a year ago

this worked although i switched out find('img') with find('a'). thanks!

WooCaSh · Accepted Answer · 2013-02-19 00:48:35Z

0

Use code below instead of this if you want get a url:

$(this).find("a").attr('href')

or this code if u want get img src:

$(this).find("a img").attr('src')

answered Feb 19, 2013 at 0:48

WooCaSh

5,2225 gold badges39 silver badges55 bronze badges

Comments

Maksym Kozlenko · Accepted Answer · 2013-02-19 00:55:47Z

0

jQuery(".lp-pom-image").click(function() {
  console.log($("img", this).attr("src"));
  return false;
});

See a working demo at http://jsbin.com/ebicax/4/

edited Feb 19, 2013 at 0:55

answered Feb 19, 2013 at 0:45

Maksym Kozlenko

10.4k2 gold badges69 silver badges55 bronze badges

Collectives™ on Stack Overflow

grab url of a image link using jquery click function

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related