Question

我需要追加一张桌子，但我做错了..我有这个：

$("#times").append('<table id="departure_' + i + '" width="50%">    <tbody><tr><td>' + data.times[i].destination.name + '</td><td id="appendLate' + i + '">' + time + '</td><td>' + data.times[i].track + '</td><td>' + data.times[i].train_type + '</td><td>' + data.times[i].company + '</td></tr></tbody></table>');

这条主线没有桌子，但很多桌子很难设计。我该如何解决这个问题？

在此处查看：http://codepen.io/shiva112/pen/JGXoVJ?editors=001

Answer 1

问题是您要将整个表附加到for语句中。你应该做这样的事情

// Select or create a table here
var table = $("#my-target-table");
var tableContent = "";
for (var i = 0; i < data.times.length; ++i) {
  tableContent += '<tr><td>' + data.times[i].destination.name + '</td><td id="appendLate' + i + '">' + time + '</td><td>' + data.times[i].track + '</td><td>' + data.times[i].train_type + '</td><td>' + data.times[i].company + '</td></tr>'
}

table.find('tbody').html(tableContent);

如何追加一个有更多孩子的元素？

1 个答案: