既存のテーブルに新しい行を追加する

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

、あなたが試すことができます：

$.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>から始めることができます。

すでに #divResults divの中にHTMLテーブルを作成している場合