这是我用来尝试仅从导航中获取所有 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'))
(在上面显示的循环中),但还没有任何工作。 (类型错误:j.attr 不是函数)
我应该用什么来实现这个目的?而且我的应用程序是用 ReactJS 构建的,所以我想知道是否有更合适的方法来实现这一点,例如 refs
非常感谢
最佳答案
如果您想摆脱对使用 j.href 获得的字符串进行切片,您甚至可以在 j 上使用 getAttribute。
$("a").each(function(k, j) {
console.log(j.getAttribute("href"));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#home" class="nav-link">Home</a>
<a href="#about" class="nav-link">About</a>
关于javascript - 从dom元素获取href属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41626453/