將行追加到表中

Question

我試圖將充滿對象的數組附加到表的主體中。

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>

第一次單擊按鈕看起來一切正常，但是第二次嘗試添加更多元素，因此檢查了控制台中的數組，並且元素數量很好。 您對此有任何建議和其他方式嗎？

Answer 1

您在聲明array頂部使用了錯誤的variable名...應該是bookTable而不是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

在頂部添加以下行：

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