Javascript 从dom元素获取href属性

这是我用来尝试仅从导航获取所有HREF的代码：

componentDidMount(){
    $("nav ul li a").each(function(k, j){
      console.log(j);
    });
  }

由此，我成功地在控制台上打印出所有dom元素，如下所示：

<a href="#home" class="nav-link">Home</a>
<a href="#about" class="nav-link">About</a>
...etc...

等

现在，为了尝试并实际拉出href字符串，我尝试了很多事情，比如尝试

console.log（j.attr（'href'））

（在上面显示的循环中），但还没有任何效果。（TypeError:j.attr不是函数）

我应该用什么来做这个？而且我的应用程序是在ReactJS中构建的，所以我想知道是否有更合适的方法来实现这一点，比如

refs

---

非常感谢

如果您想摆脱使用j.href对字符串进行切片，甚至可以在j.href上使用getAttribute

$（“a”）。每个（函数（k，j）{
log（j.getAttribute（“href”）；
});
如果您不想对使用j.href获得的字符串进行切片，甚至可以在j.href上使用getAttribute


$（“a”）。每个（函数（k，j）{
log（j.getAttribute（“href”）；
});
这里有一个可行的解决方案。希望有帮助


$（“a”）。每个（函数（）{
log（$（this.attr（“href”））；
});
这里有一个可行的解决方案。希望有帮助


$（“a”）。每个（函数（）{
log（$（this.attr（“href”））；
});
代码中的一行更改


$（“nav ul li a”）。每个功能（k，j）{
console.log（$（this.attr（'href'））；
});







代码中的一行更改


$（“nav ul li a”）。每个功能（k，j）{
console.log（$（this.attr（'href'））；
});







j
是元素
.attr
是一种jQuery方法。。。因此，
$（j）.attr
将为您提供所需的。。。。或者只要
j.href
如果你想高效地做事情，你试过
console.log（j.href）
我不太使用jQuery，所以只是一个猜测，但可能
$（j.attr（'href'）酷。你的建议让我觉得
http://localhost:3000/#home
，每一个。我将从#开始切片以获得实际的href。感谢Guysa使用
$（j）.attr（'href'）
提取href字符串，而不提取整个url，再次检查JaromandaX的第二个解决方案。不知道两者之间有什么区别。哦，它很有效，Thx
j
是元素
.attr
是一种jQuery方法。。。因此，
$（j）.attr
将为您提供所需的。。。。或者只要
j.href
如果你想高效地做事情，你试过
console.log（j.href）
我不太使用jQuery，所以只是一个猜测，但可能
$（j.attr（'href'）酷。你的建议让我觉得
http://localhost:3000/#home
，每一个。我将从#开始切片以获得实际的href。感谢Guysa使用
$（j）.attr（'href'）
提取href字符串，而不提取整个url，再次检查JaromandaX的第二个解决方案。不知道两者之间有什么区别。哦，它又起作用了，谢谢