使用jQuery和.append创建表
我需要使用 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");
}
回答
您需要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"
}));
}
}