将新行添加到现有表

Question

我有以下代码创建一个新表。

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

如何改变这一点，而不是每次都创建一个全新的表，它将tr和td数据添加到现有的表中？总是在表中最后一个现有的tr / td之后添加新数据？

Answer 1

如果您已在#divResults div中创建了html表，则可以尝试：

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

Example

Answer 2

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

你可以在你第一次这样做的时候，也可以这样做。或者，您可以在页面加载时以空<table>开始。