jquery - 使用 jquery click 函数获取图片链接的 url

Question

我正在尝试使用 jquery 和 click() 在单击后获取图像链接的 url。html 看起来像这样。

<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>

到目前为止，我使用的 javascript 看起来像这样，但它没有获取点击的图像链接的 url。url 需要传递到变量所在的this位置。

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

如何使用适当的基本 URI 提取 href url？IE。“ http://url.com/page ”？

编辑：澄清了我要提取的内容。

Answer 1

我建议（尽管未经测试）：

$('.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');
});

Answer 2

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

请参阅http://jsbin.com/ebicax/4/上的工作演示

Answer 3

this如果您想获取aurl ，请使用下面的代码：

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

或者如果你想获取imgsrc，请使用此代码：

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