Javascript 添加链接文本本身旁边指向网站外部的链接的URL

我正在阅读“JavaScript缺失手册”，有一个脚本自动将链接的URL添加到该链接旁边

$('a[href^="http://"]').each(function(){
    var href = $(this).attr('href');
    href = href.replace('http://', '');
    $['a'].after(' (' + href + ') ');
}); // end each

问题是它根本不起作用。有人能解释一下这个代码有什么问题吗？

换一行

$['a'].after(' (' + href + ') ');

到

$应作为函数而不是数组调用

虽然查看代码，但您可能希望这样：

$(this).after(' (' + href + ') ');

---

编辑：

以下是完整的代码：

$('a[href^="http://"]').each(function(){
var href = $(this).attr('href');
href = href.replace('http://', '');
$(this).after(' (' + href + ') ');
}); // end each

换行

$['a'].after(' (' + href + ') ');

到

$应作为函数而不是数组调用

虽然查看代码，但您可能希望这样：

$(this).after(' (' + href + ') ');

---

编辑：

以下是完整的代码：

$('a[href^="http://"]').each(function(){
var href = $(this).attr('href');
href = href.replace('http://', '');
$(this).after(' (' + href + ') ');
}); // end each

---

我可以推荐一个类似但较短的版本吗

$('a[href^="http://"]').each(function(){
    $(this).after(" ("+$(this).attr('href').replace("http://",'')+")");
}); // end each

---

几乎是fmsf的解决方案+一个小的修改，使代码稍微短一点。o/

我可以推荐一个类似但较短的版本吗

$('a[href^="http://"]').each(function(){
    $(this).after(" ("+$(this).attr('href').replace("http://",'')+")");
}); // end each

---

几乎是fmsf的解决方案+一个小的修改，使代码稍微短一点。o/

感谢您的快速回复。我按照你的建议做了，但是它仍然不起作用，我只是测试了一下，它正在起作用。你是在加载DOM之后做的吗？好了，我完全忘记了ready（）函数。抱歉，刚刚开始学习js和jquery。非常感谢您抽出时间给我回复。感谢您的快速回复。我按照你的建议做了，但是它仍然不起作用，我只是测试了一下，它正在起作用。你是在加载DOM之后做的吗？好了，我完全忘记了ready（）函数。抱歉，刚刚开始学习js和jquery。非常感谢您抽出时间给我回复。