Jquery $this 或each() 一次指定一个链接

Question

我发现 jQuery 很难学，因为似乎有很多方法可以编写同样的东西。

作为练习，我想将锚标记中的文本填充到 links href 属性中。

例如，

<a href="">http://www.something.com</a>

成为

<a href="http://www.something.com">http://www.something.com</a>  

我的第一次尝试

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

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

显然是行不通的，因为我需要指定为每个链接执行此操作。

我应该使用 foreach 循环吗？ .each() 函数？或者$这个符号？ 他们都会工作吗？

Answer 1

$('a').text()

将返回每个锚节点文本值的组合。我刚刚在 stackoverflow 上做了它，它给了我：

“mederlogout关于常见问题解答问题标签用户徽章未答复询问
QuestionJquery $this 或each() 到
指定一个链接
timejqueryeachthiseditcloseflagchrisadd
commentjqueryeachthis问你自己的
QuestionjquerythiseachC++/Unix
Waterfront International 程序员
Ltdjobs.stackoverflow.comquestion
饲料关于常见问题解答博客播客隐私
政策广告信息联系方式
我们总是反馈
welcomestackoverflow.comserverfault.comsuperuser.commetahowtogeek.comdoctype.comcc-wikiattribution
必填”

，您应该使用 jQuery.prototype.each，这样您就可以保存对每个单独锚点文本的引用：

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

额外的好处是每个函数都在其自己的执行上下文中运行，您定义的每个变量、声明的每个“文本”都是唯一的该函数体，因此 .each 内部有更多的控制。

关于普通循环处理 - 我会在它上面使用 jQuery.prototype.each 因为它是一个更高级别的函数，你必须分配一个变量到nodeList的长度并从0开始，在长度处停止（或者如果顺序无关紧要，则执行相反的while循环）..这只会导致不必要的工作。