Jquery获取href链接

时间:2017-06-23 09:47:19

标签: javascript jquery

这是我的Javascript代码:

$(".woocommerce-LoopProduct-link").each(function(){
        var str=$(this).attr("src");    
        console.log(str);
    });

我想看到的是一个包含“http://mywebsitelinked.com”的字符串。

现在控制台显示的是:

a.woocommerce-LoopProduct-link
accessKey:""

所有其他内容包含在a.wooocommerce-LoopProduct-link

编辑:您可以访问网站www.cabinepertrattori.com

3 个答案:

答案 0 :(得分:3)

而不是:

$(this).attr("src");

$(this).attr("href");

当您尝试将URLURL置于锚点的href属性中时。

例如:



$(document).ready(function(){
  alert($('a').attr('href'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<a href="http://google.com/">Google></a>
&#13;
&#13;
&#13;

答案 1 :(得分:2)

如果您使用的是link元素,则必须使用

$(this).prop("href")` or `$(this).attr("href")

或只是

this.href // (vanilla Javascript, better)

答案 2 :(得分:0)

尝试:这将匹配所有href与mywebsitelinked.com

$(".woocommerce-LoopProduct-link").each(function(){
  var str=$(this).attr("href");
  if(str.match(/mywebsitelinked.com/gi)!=""){
    console.log(str);
  }
});