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

原文由 JustARandomProgrammer 发布，翻译遵循 CC BY-SA 4.0 许可协议

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>

原文由 Mayank Pandeyz 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

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

要不就

this.href // (vanilla Javascript, better)

原文由 Tomas2D 发布，翻译遵循 CC BY-SA 3.0 许可协议