javascript - 使用 numRows 和 numCols 动态创建表骨架

Question

我在使用几个 for 循环使用 JavaScript 动态创建表时遇到一些问题。

在此示例中，numRows = 2 和 numCols = 6。

我的代码:

var table = $('<table></table>');
for (var i = 0; i < numRows; i ++) {
    var row = $('<tr></tr>');
    for (var i = 0; i < numCols; i++) {
        var rowData = $('<td></td>').text('test');
        row.append(rowData);
    }
    table.append(row);
}
console.log(table);

控制台输出显示一个空表。没有行或单元格......只是这样:

如何修复此逻辑，使其正确地用 2 行(每行 6 个单元格)填充表格？感谢您的帮助!

Answer 1

尝试将嵌套循环中的变量从 i 更改为 j，并记录 html，而不是 jQuery 对象。 (此外，这些结束标记不是必需的。)

var table = $('<table>');
for (var i = 0; i < numRows; i ++) {
    var row = $('<tr>');
    for (var j = 0; j < numCols; j++) {
        var rowData = $('<td>').text('test');
        row.append(rowData);
    }
    table.append(row);
}
console.log(table.html());