为什么使用 jQuery 选择器修改超链接 href 属性时，代码不起作用？

哈喽！今天心血来潮给大家带来了《为什么使用 jQuery 选择器修改超链接 href 属性时，代码不起作用？ 》，想必大家应该对文章都不陌生吧，那么阅读本文就都不会很困难，以下内容主要涉及到，若是你正在学习文章，千万别错过这篇文章~希望能帮助到你！

jQuery 选择器的隐患

这个问题涉及使用 jQuery 选择器修改页面上所有超链接的 href 属性。

代码中，hyperlinks 变量是一个 jQuery 对象，它包含页面上所有超链接。循环遍历该对象后，使用 innerHTML 获取超链接的内嵌文本，并尝试将其赋值给 href 属性。

然而，hyperlinks[i].attr("href", hyperlinks[i].innerHTML) 这行代码不起作用。这是因为 attr() 方法仅适用于 jQuery 对象，而 hyperlinks[i] 是一个 DOM 元素。

要解决此问题，可以使用 $(hyperlinks[i]) 选中 DOM 元素，然后调用 attr() 方法。修改后的代码如下：

for (let i = 0; i < hyperlinks.length; i++) {
    $(hyperlinks[i]).attr("href", hyperlinks[i].innerHTML);
}

建议在选择对象时打印出来对比差异，以确保选择正确。

终于介绍完啦！小伙伴们，这篇关于《为什么使用 jQuery 选择器修改超链接 href 属性时，代码不起作用？ 》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！