使用 jQuery 和.append 創建表

Question

我需要使用 append jQuery 創建看起來像這樣的表。 下面是我的嘗試。

aside = $("#tabaside");
var tr = $("<tr>");
var td = $("<td>");

for (var i = 0; i < filmidata.arr.length; i++) {
  $(aside).append(tr);
  $(tr).append(td).text("text");
  $(tr).append(td).text("text");
  $(tr).append(td).text("text");
}

Answer 1

您需要為每一行創建一個新的tr ，並為每個單元格創建一個新的td 。 .append()不會復制，它只是不斷重復使用相同的 DOM 元素。

您可以使用嵌套循環來重復單元格的代碼。

 const aside = $("#tabaside"); for (var i = 0; i < filmidata.arr.length; i++) { let tr = $("<tr>"); $(aside).append(tr); for (let j = 0; j < 3; j++) { $(tr).append($("<td>", { text: "text" })); } }