logo标签列表

使用jQuery无法将HTML代码附加到一个div中

javascriptjquery
3
我有一个id为userinfo的div。
<html>
<head></head>
<body>
<div id=userinfo></div>
</body>
</html>

现在我想根据localStorage向这个div添加一些内容。

if (localStorage==0){$("#userinfo").append("<p>Test</p>");} else {$("#userinfo").append("<p>Hello</p>");}

但它失败了，无论我将此脚本输入到单独的JS文件中还是添加到HTML文件的头部。 我尝试使用Google Chrome开发工具的控制台来排除这种情况，它可以按预期工作。 我试图换一种方式，将脚本改为:
if (localStorage==0){alert("Test");} else {alert("Hello");}

把下面的代码添加到JS文件中，它就能生效！
现在，我很困惑为什么我的jQuery代码不起作用？
1
我试过了，它起作用了。你能在[jsfiddle]上重现这个错误吗？ - cambraca
6
你尝试过将你的代码放在 $(document).ready(function() {}); 中吗？ - Asif Mulla
1
嗨，Asif Mulla，感谢你的提示。在我把它们放进 $(document).ready(function(){}); 后它就能工作了，如果你愿意，你可以将这个作为答案发布 :-) - Daniel Chen
3个回答
1

jQuery的append函数需要一个对象作为参数，而不是一个字符串html。 所以这应该可以解决你的问题，$("#userinfo").append($('<p>测试</p>'))

不是真的。它可以接受纯文本或HTML。链接 - Devtrix.net
0
0

使用 jQuery 我们可以像下面这样做：

$( "<p>测试</p>" ).appendTo( "#userinfo" );

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接