Question

我尝试使用jquery并点击（）以获取图片链接的网址。 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传递给变量this所在的位置。

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

如何使用适当的基URI拉取href url？即。＆＃34; http://url.com/page＆＃34;

编辑：澄清了我想要解决的问题。

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网址：

，请使用下面的代码而不是a

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

或此代码，如果你想获得img src：

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

使用jquery点击功能获取图像链接的URL

3 个答案: