javascript - jQuery append() div 标签没有按预期工作

Question

我的 append div 有问题。这是我的 html 的粗略概念

<table>
<tr>
<td>title 1</td>
<td>subject 2</td>
</tr>
<div id='appenddiv'></div>
<tr>
<td>title 2</td>
<td>subject 2</td>
</tr>
</table>

我的 jquery 脚本是这样的:

var output = "<tr><td>title added</td><td>subject added</td></tr>";
$('#appenddiv').append(htmloutput);

脚本一切正常，它会在它应该触发的时候触发等等。但我的问题是，它没有将新的 html 放在 div 标签中，而是将它添加到表格的顶部？

知道为什么吗？

Answer 1

正如 moonwave99 所说，你不能有 <div>作为您的表格元素的直接子元素。如果你总是在第一行之后添加，你可以这样做:

var output = "<tr><td>title added</td><td>subject added</td></tr>";
$('table tr:first').after(output);