jQuery无法使用.html（）更改html

Question

我正在尝试使用jQuery更改页面中的html。虽然它适用于Firefox，但它不会用于chrome。我该怎么做才能解决这个问题？

例如

$('#test').html(<p>hi</p>);

将更改文本，但如果我在文件中有其他html并且用它覆盖它，旧文本仍然以chrome显示。这可能是一个缓存问题吗？我该如何解决？

Answer 1

你错过了引号。

$('#test').html("<p>hi</p>");

Answer 2

使用，

$('#test').html("<p>hi</p>"); //.html() accepts quoted [.html("value")] value.

我认为你想要#test，所以请使用.append()代替.html()。

如果要覆盖内容，请使用.html()。

$('#test').html("<p>hi</p>");   //will override content of test.
$('#test').append("<p>hi</p>");   //will append <p>hi</p> to test.

有些事情对你有意思，

$('#test').html(value) is equivalent to $('#test').empty().append(value).

Answer 3

html()接受一个字符串。所以你需要将这些字符封装在引号中。

$('#test').html("<p>hi</p>");

Answer 4

如果你想替换id #test的文本，那么使用

$('#test').html("<p>hi</p>");

想在测试ID使用中附加更多<p>hi</p>标记

$('#test').append("<p>hi</p>");