Javascript append关闭多行标题属性中带有的标记

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

我在这里读到一些线程，我应该将html从.append移动到一个字符串变量，然后再追加该变量。但这也不起作用

这是我的：

HTML:

JS:

var title=“罗杰·法姆兹
纽约市米德尔顿伍德大街213号
；
var myHtml=“第1列”+
“罗杰一家”；
$（“#表1”）.append（myHtml）；

如果您注意到，呈现的html中的“我的标题”属性已关闭主标记：

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

Roger A Famz
213伍德大道
纽约中城

而不是

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

Roger A Famz
纽约市米德尔顿伍德大街213号

---

我遗漏了什么？

用HTML5中的

替换

，您不需要关闭br标签

工作演示

var title=“罗杰·法姆兹
213伍德大道
纽约中城
；
var myHtml=“第1列”+
“罗杰一家”；
$（“#表1”）.append（myHtml）；

如果删除

中的

/

，则不会发生这种情况。如果您通过javascript添加标题，它就会起作用：@Musa，它通过删除

/

起作用。我认为它可以在html5中工作，就像Tushar提到的那样。我怎样才能将此标记为答案？虽然，图萨也推荐了同样的方法，但你在他面前回答说：）@Alex，这也是一个很好的解决方案。我试过了，效果也不错。我不知道为什么。附加jquery会关闭标记。谢谢Tushar，它也可以像Musa提到的那样工作。现在的浏览器将

标记为

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

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

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