jquery获取href链接

Question

这是我的 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 中包含的所有其他内容

Answer 1

取而代之的是：

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

试试

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

当您尝试获取URL ， URL位于锚点的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>

Answer 2

如果您使用的是链接元素，则必须使用

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

或者只是

this.href // (vanilla Javascript, better)

Answer 3

尝试：这将匹配所有与 mywebsitelinked.com 的 hrefs

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