Question

我想要实现的是，使用jQuery，动态替换div标签的内容（由另一个javascript生成），id =“Test”。

<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>');

用html代码

替换id =“Test”的div标签的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());

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

TestScript()

我将html渲染为

test content

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

请帮助。

谢谢，约翰

Answer 1

试试这个：

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

Jquery替换运行时问题中的内容

1 个答案: