javascript - 在 div 标签内附加表格

Question

我有以下循环，这给我带来了问题

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

$.each( results.d, function( index, record ) {
    $("#divResults").append('<tr><td>' + record.ClientCode + '</td></tr>');
});

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

出于某种原因，基于 google chromes 开发者工具，上述代码生成以下 html

<table></table>
<tr><td>Code 1</td></tr>
<tr><td>Code 2</td></tr>
<tr><td>Code 3</td></tr>
<tr><td>Code 4</td></tr>
<tr><td>Code 5</td></tr>
<tr><td>Code 6</td></tr>
<tr><td>Code 7</td></tr>

如何修复此问题以生成正确的 HTML？

Answer 1

jQuery 对元素而不是标签进行操作。

您不能先附加开始标记，然后附加一些内容，然后附加结束标记。

var html = '<table>';
$.each( results.d, function( index, record ) {
    html += '<tr><td>' + record.ClientCode + '</td></tr>';
});
html += '</table>';
$("#divResults").append(html);