Hinzufügen neuer Zeilen zu einer vorhandenen Tabelle

Question

Ich habe den folgenden Code, der eine neue Tabelle erstellt.

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

Wie kann ich dies ändern, so stattdessen eine brandneue Tabelle jedes Mal zu schaffen, fügt es tr und td Daten zu einer bereits vorhandenen Tabelle? Wo werden die neuen Daten immer nach dem letzten vorhandenen tr/td in der Tabelle hinzugefügt?

Answer 1

Wenn Sie bereits HTML-Tabelle in #divResults div erstellt haben, können Sie versuchen:

$.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); 

Sie können es entweder das erste Mal tun, wie Sie dann alle anderen Zeiten auf diese Weise haben. Oder Sie können mit einem leeren <table> beginnen, wenn die Seite geladen wird.