Question

在jQuery中替换<span的内容是否存在问题。

我有这个;

<span class='DimensionList'>
  some html
</span>

和

$('.DimensionList').html("<b>This is the new html</b>");

我发现在FF中，跨度的内容被添加到。所以新的HTML位于旧版本之上。

在IE6中，是的，我必须满足它，它的功能大致相同。

修改

我已经编辑了问题，以显示替换html中有html

Answer 1

由于替换文本中没有标记，请使用text（）而不是html（）：

$('.DimensionList').text("This is the new html");

Answer 2

如果你需要使用.html（），你可以先清空它： $('.DimensionList').html("").html("<b>This is the new html</b>");

Answer 3

您已在javascript中将DimensionList大写，并且它在HTML源代码中为小写。他们需要完全相同。换句话说，它区分大小写。

Answer 4

你试过.text（）吗？它类似于.html（）

来自jQuery的文档：

与.html（）方法不同，.text（）可以   用于XML和HTML   文件

我们需要注意这个方法   转义提供的字符串   必要的，以便它将呈现   在HTML中正确。为此，它打电话   DOM方法.createTextNode（），   用...替换特殊字符   他们的HTML实体等价物（例如   ＆LT; for＆lt;）。

http://api.jquery.com/text/

jQuery在span中替换html

4 个答案: