将行追加到表中

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 = [];