anfügen von Zeilen in eine Tabelle

Question

Ich versuche, ein Array voller Objekte in den Körper einer Tabelle anzuhängen.

var tourTable = []; 
var event = { 
    date: eventDate, 
    hour: eventOra 
} 
bookTable.push(event); 

for(var i = 0; i < bookTable.length; i++) { 
    $('#tour-events tbody').append(''); 
} 

// table 
<table id="tour-events"> 
    <thead></thead> 
    <tbody></tbody> 
</table> 

Das erste Mal, klicke ich eine Taste scheint alles in Ordnung, aber das zweite Mal, dass ich es versuchen anhängt mehr Elemente als es should.I das Array in der Konsole überprüft und die Anzahl der Elemente waren in Ordnung. Haben Sie irgendwelche Vorschläge und andere Möglichkeiten?

Answer 1

Sie hatten den falschen variable Namen alle oben für die array erklärt ... Es sollte sein bookTable nicht tourTable

var bookTable = []; 
var event = { 
    date: eventDate, 
    hour: eventOra 
} 
bookTable.push(event); 

for(var i = 0; i < bookTable.length; i++) { 
    $('#tour-events tbody').append(''); 
} 

// table 
<table id="tour-events"> 
    <thead></thead> 
    <tbody></tbody> 
</table> 

Answer 2

diese Zeilen auf der Oberseite hinzufügen:

$('#tour-events tbody').empty(); 
var bookTable = [];