如何使用链接添加内容 .append jQuery答案

【问题标题】：How to add content using the link .append jQuery如何使用链接添加内容 .append jQuery
【发布时间】：2012-12-25 22:07:10
【问题描述】：

示例代码

<div class='credit'>
Copy <a href="http://blabla.com">blabla</a>
</div>

在上面的代码中我会添加内容和链接

$(document).ready(function(){
$('.credit').append(' credit by <a href="http://www.blabladot.com">blabladot</a>');
});

但是我试了还是不行，代码怎么正确？

【问题讨论】：

这应该可以，你确定你的页面中加载了 jQuery 吗？
您是遇到错误还是静默失败？
是的，我已经包含了 jQuery。在我问之前，我已经在 jsfiddle 中尝试过，但是当我申请 blogspot 模板时效果不佳。代码是错误的还是在 blogspot 模板中不起作用？
你把 JQuery 放在哪里了？在上面的代码之前还是之后？您必须在声明函数之前包含 JQuery。或者，如果它仍然不起作用，请尝试在文本周围添加 <span> 标记，如下所示：$('.credit').append('<span> credit by <a href="http://www.blabladot.com">blabladot</a></span>'); - 如果仍然不起作用，我确定问题来自未正确关闭的括号或者其他的东西。尝试使用 Firebug 或 Chrome Inspector 检查错误代码。（按 CTRL + Shift + k 或 CTRL + Shift + i，然后重新加载页面）。

【解决方案1】：

您需要确保在 HTML 的 <head></head> 部分中添加最新版本的 jQuery 库，如下所示：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

另外，请确保在上述链接之后包含其他 jQuery 文件或脚本。

【讨论】：

【解决方案2】：

您忘记包含 jQuery

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

如果您在博客模板中使用它，请查看this。我建议您在开发者控制台（chrome）或 firebug（firefox）中查看任何 javascript 错误并在问题中提及它们。

【讨论】：

他们希望您在此处发布详细信息，而不仅仅是指向小提琴的链接。
@Barmar：哦。我得到它。在SO中没有看到这个。但是在这种情况下它很烦人，答案在一行中就足够了。我不得不写额外的行以在我的答案中包含指向小提琴的链接：/
我已经包含了 jQuery .../jquery-1.7.2.min.js 在我问之前我已经在 jsfiddle 中尝试过，但是当我申请 blogspot 模板时效果不佳。代码是错误的还是在 blogspot 模板中不起作用？
当我只尝试使用文本时，它可以工作，但添加链接时不起作用。
@SodiycKurniawan：也许博主不允许通过 jquery 添加链接，但不确定。