jQuery附加表会自动在文本末尾添加结束标记。为什么？

Question

$('#all_locations').append("<table>");
$('#all_locations').append("<tr><th>City</th></tr>");

$.each(data, function(i, item){
    $('#all_locations').append("<tr>");
    $('#all_locations').append("<td>"+item.city+"</td>");
    $('#all_locations').append("<tr>");
}

$('#all_locations').append("</table>");

使用输出 alert($('#all_locations').html());

<table></table>
<tr><th>City</th></tr>
<tr></tr><td>Seattle</td>
<tr></tr><td>Chicago</td>

当ajax调用完成时，此代码将触发。任何想法为什么这样做？

假设数据变量是有效的JSON对象。

Answer 1

尽管jQuery提供了抽象，但是您正在操作DOM中的 元素 ，而不是HTML源代码中的标签。

jQuery('<table>')是的简写jQuery(document.createElement('table'))。

您需要将表行附加到表，而不是容器（同样，单元格也需要添加到行）。