jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Jquery $this或each()一次指定一个链接大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我发现jQuery难以学习,因为似乎有很多方法可以编写同样的东西.

作为练习,我想在锚标签中取出文本并将其填充到链接href属性中.

例如

<a href="">http://www@L_791_4@mething.com</a>

成为

<a href="http://www@L_791_4@mething.com">http://www@L_791_4@mething.com</a>

我的第一次尝试是

<script type="text/javascript">
$(document).ready(function() {
var text = $('a').text();

$('a').attr( 'href',text );
});
</script>

这显然不起作用,因为我需要指定为每个链接执行此操作.

@R_878_10675@用foreach循环吗?一个.each()函数?或$这种表示法?
他们都会工作吗?

解决方法

$('a').text()

将返回每个锚节点文本值的组合..我只是在stackoverflow上做了它,它给了我:

因此,您应该使用jQuery.prototype.each,以便保存对每个锚点文本的引用:

$('a').each(function() {
    var text = $(this).text();
    $(this).attr('href',text );
});

额外的好处是每个函数都在它自己的执行上下文中运行,你定义的每个变量,声明的每个’text’对于该函数体是唯一的,因此在.each中有更多的控制.

关于vanilla循环处理 – 我会使用jQuery.prototype.each,因为它是一个更高级别的函数,你必须将一个变量赋值给nodeList的长度并从0开始,停止在长度(或者如果顺序没有)无论做什么反向循环)..这只会导致更多的工作而不是必要的.

大佬总结

以上是大佬教程为你收集整理的Jquery $this或each()一次指定一个链接全部内容,希望文章能够帮你解决Jquery $this或each()一次指定一个链接所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。