
jquery 选择器的问题
要给页面所有超链接的目标地址设定为超链接的内嵌文本时,我们可能会遇到这样的代码:
var hyperlinks =$("a");for (let i = 0; i < hyperlinks.length; i++) { //alert(hyperlinks[i].innerHTML); //hyperlinks[i].attr("href",hyperlinks[i].innerHTML); hyperlinks[i].href= hyperlinks[i].innerHTML;}
其中,注释掉的一行代码:
hyperlinks[i].attr("href",hyperlinks[i].innerHTML);
似乎不起作用。
要解决这个问题,建议修改代码如下:
for (let i = 0; i < hyperlinks.length; i++) { $(hyperlinks[i]).attr("href", hyperlinks[i].innerHTML);}
修改后,代码能够正常工作的原因在于,hyperlinks[i]保存的是原生的DOM对象,而 $(hyperlinks[i]) 将其包装为一个jQuery对象。jQuery对象提供了 attr() 方法,可以修改元素的属性,而原生DOM对象没有此方法,因此需要使用 href 属性的赋值语句。
在不清楚对象类型时,建议使用 console.log() 打印出来进行对比,以查看两者的差异。
以上就是jQuery 选择器中,为什么使用 attr() 方法修改超链接目标地址时,原生DOM对象无法生效?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1556695.html
微信扫一扫
支付宝扫一扫