使用 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" })); } }