javascript - jQuery .append 在多行标题属性中关闭标签

Question

我动态创建一个 HTML 并为我的列标题分配一个多行标题。当我尝试将 html 附加到我的表中时， .append 会在 title 属性中关闭标签。

我在这里阅读了一些线程，我应该将 html 从 .append 移动到字符串变量，然后附加该变量。但这也没有用。

这是我的jsFiddle：

HTML：

<table id="tab1">
    <thead>

    </thead>
</table>

JS：

var title = "Roger A Famz <br/> 213 Wood Ave <br/> Middletown <br/> NY";
var myHtml = "<tr><th>Column 1</th>" +
    "<th id='something' class='someclass' title='" + title + "'>Roger A Famz</th></tr>";

$("#tab1").append(myHtml);

如果您注意到，我在呈现的 html 中的 title 属性已经关闭了主标签：

Roger A Famz <br></th> 213 Wood Ave <br/> Middletown <br/> NY

代替

Roger A Famz <br/> 213 Wood Ave <br/> Middletown <br/> NY

我错过了什么？

Answer 1

在 HTML5 中替换<br/>为<br>您不需要关闭 br 标记

工作演示http://jsfiddle.net/cse_tushar/DP9uc/14/

var title = "Roger A Famz <br> 213 Wood Ave <br> Middletown <br/> NY";
var myHtml = "<tr><th>Column 1</th>" +
    "<th id='something' class='someclass' title='" + title + "'>Roger A Famz </th></tr>";

$("#tab1").append(myHtml);