Jquery在.text()方法上添加了一个额外的结束标记

时间:2012-06-11 20:25:43

标签: jquery text html

我遇到了jquery .text(),. html()方法的问题。 当我单击特定按钮以更改span元素的内容时,它会添加一个额外的结束标记,该标记仅在firebug等工具中可见。

此处的演示:http://jsfiddle.net/kbsRp/ 单击按钮并检查范围标记,您将看到它添加了额外的结束标记。

<span>updated text</span>
updated text</span>

有人知道,如何防止这个错误? 在大多数情况下,它真的很烦人。

2 个答案:

答案 0 :(得分:3)

这似乎是chrome的网络检查程序中的一个错误,这就是firefox人没有看到它的原因。您可以通过手动遍历dom来验证chrome中的正确状态,这表明Web检查员正在撒谎:

注意,要测试,您需要将活动框架从下拉列表更改为result( fiddle.jshell.net )。否则,查询将在主窗口上运行。

答案 1 :(得分:0)

您应该使用id来定位span和html()函数以避免错误。

$("button").click(function() {
    $("span#mine").html("updated text");
    return false;
});​

http://jsfiddle.net/kbsRp/2/