javascript - jQuery - 如何动态打印空表

Question

有人可以告诉我我做错了什么吗？

我认为这是添加了字符串的东西；

我也尝试过:

var column = $("<td></td>")

而不是:

var column = $("<td>")

等等

HTML 上的结果始终相同:“[object Object]”

我做错了什么？

$(function() {
    createTable(8); 
});


function createTableColumn() {
    var column = $("<td>");

    return column;
}

function createTableRow(gameBoardSize) {
    var columns = "";
    var row;

    for(counter = 0; counter < gameBoardSize; counter++) {
        columns = columns + createTableColumn();
    }

    row = $("<tr>").append(columns);
    return row;

}

function createTable(gameBoardSize) {

    var rows = "";

    for(counter = 0; counter < gameBoardSize; counter++) {
        rows += createTableRow(gameBoardSize);
    }


    $("#gameboard-table").append(rows);
}

Answer 1

您不小心使用+= createTableRow...执行了字符串连接操作。将行更改为数组并使用推送代替

var rows = [];
for(counter = 0; counter < gameBoardSize; counter++) {
    rows.push(createTableRow(gameBoardSize));
}