jQuery .append在多行title属性中关闭标记

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);