jquery html不添加整个字符串

Question

我发现了jquery的html函数的奇怪行为。

我有以下代码段。

HTML

<div id='content'></div>​

的Javascript

var test2 = "<h5>test(S)</h5><span class='small_text>Apr 20, 2012 @ 07:00PM<br />Section 102 Row G Seat 14-14<br />";

$(document).ready(function(){

    $("#content").html(test2);

});​

当我运行代码时，它只能看到'test（S）'。它看起来jquery忽略了字符串的其余部分。

我创建了一个jsfiddle。

http://jsfiddle.net/E3X33/

我使用不正确吗？或者是否有无证件的东西......？

Answer 1

您没有关闭<span>代码，加上class属性的结束引用

应该是：

var test2 = "<h5>test(S)</h5><span class='small_text'>Apr 20, 2012 @ 07:00PM<br />Section 102 Row G Seat 14-14<br /></span>";

Answer 2

是和否。您的jQuery语法是正确的，但您的HTML不是。

试试这个：

<h5>test(S)<\/h5><span class='small_text'>Apr 20, 2012 @ 07:00PM<br \/>Section 102 Row G Seat 14-14<br \/><\/span>

您需要：

1. 关闭span标记上的class属性。
2. 关闭span标记本身。
3. 在糟糕的浏览器中为了安全而向前斜杠。

Answer 3

尝试关闭span代码并关闭代码类'：

var test2 = "<h5>test(S)</h5><span class='small_text'>Apr 20, 2012 @ 07:00PM<br />Section 102 Row G Seat 14-14<br /></span>";

• DEMO