Jquery在运行时替换内容问题答案

【问题标题】：Jquery Replace content in runtime issueJquery在运行时替换内容问题
【发布时间】：2011-10-01 09:43:11
【问题描述】：

我想要完成的是，使用 jQuery，用 id="Test" 动态替换 div 标签的内容（从另一个 javascript 生成）。

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
$(function(){
    $("#Test").html('<b>test content</b>');
});
</script>
</head>
<body id="testAgain">
begin
<div class="scrollable">   
    <div class="items" id="Test">
    </div>
</div>
end
</body>
</html>

如你所见，

$("#Test").html('<b>test content</b>');

将id="Test"的div标签的html代码替换为html代码

<b>test content</b>

这工作得很好。我将 html 呈现为

begin 
test content
end

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
function TestScript(){
document.write('<b>test content</b>');
    };
</script>
<script type="text/javascript">
$(function(){
    $("#Test").html(TestScript());
});
</script>

</head>
<body id="testAgain">
begin
<div class="scrollable">   
    <div class="items" id="Test">
    </div>
</div>

end
</body>
</html>

这里，

$("#Test").html(TestScript());

用 javascript 生成的 html 替换 id="Test" 的 div 标签的 html 代码

TestScript()

我将 html 渲染为

test content

它替换了 html 文件的全部内容。如何解决这个问题？

请帮忙。

谢谢，约翰

【问题讨论】：

简单，不要使用document.write。
好的，谢谢。我是 JavaScript 新手。我的原始脚本不同。我刚刚在这里发布了一个示例。以便任何人都可以测试它。

标签： javascript jquery html

【解决方案1】：

试试这个：

<script type="text/javascript">
function TestScript(){
    return '<b>test content</b>';
};
</script>

【讨论】：

document.write('blah blah blah');确实是这样...写在文档上。