Javascript jQuery-如何动态打印空表

有人能告诉我我做错了什么吗

$(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);
}

我认为这是一个加上字符串的东西

我也试过：

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

var列=$（“”）

而不是：

var column = $("<td>")

var列=$（“”）

等

在HTML上总是相同的结果：“[对象对象]”

我做错了什么

$(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);
}

$（函数（）{
创建表（8）；
});
函数createTableColumn（）{
变量列=$（“”）；
返回列；
}
函数createTableRow（gameBoardSize）{
var列=”；
var行；
用于（计数器=0；计数器

您无意中使用

+=createTableRow…

执行了字符串连接操作。将行更改为数组并改用推送

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

var行=[]；
用于（计数器=0；计数器

您无意中使用

+=createTableRow…

执行了字符串连接操作。将行更改为数组并改用推送

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

var行=[]；
用于（计数器=0；计数器

您无意中使用

+=createTableRow…

执行了字符串连接操作。将行更改为数组并改用推送

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

var行=[]；
用于（计数器=0；计数器

您无意中使用

+=createTableRow…

执行了字符串连接操作。将行更改为数组并改用推送

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

var行=[]；
用于（计数器=0；计数器

+

用于连接字符串，而不是jQuery对象

只需直接附加到jQuery对象：

function createTableRow(gameBoardSize) {
    var row = $("<tr>");
    for(var counter = 0; counter < gameBoardSize; counter++) {
        row.append(createTableColumn());
    }
    return row;
}

function createTable(gameBoardSize) {
    for(var counter = 0; counter < gameBoardSize; counter++) {
        $("#gameboard-table").append(createTableRow(gameBoardSize));
    }
}

函数createTableRow（gameBoardSize）{
变量行=$（“”）；
用于（变量计数器=0；计数器<游戏板大小；计数器++）{
append（createTableColumn（））；
}
返回行；
}
函数createTable（gameBoardSize）{
用于（变量计数器=0；计数器<游戏板大小；计数器++）{
$（“#gameboard table”）.append（createTableRow（gameBoardSize））；
}
}

---

确保对循环计数器使用局部变量。否则，

createTableRow

中的

for

循环会更新

createTable

中的计数器，这会导致该循环过早结束。

+

用于连接字符串，而不是jQuery对象

只需直接附加到jQuery对象：

function createTableRow(gameBoardSize) {
    var row = $("<tr>");
    for(var counter = 0; counter < gameBoardSize; counter++) {
        row.append(createTableColumn());
    }
    return row;
}

function createTable(gameBoardSize) {
    for(var counter = 0; counter < gameBoardSize; counter++) {
        $("#gameboard-table").append(createTableRow(gameBoardSize));
    }
}

函数createTableRow（gameBoardSize）{
变量行=$（“”）；
用于（变量计数器=0；计数器<游戏板大小；计数器++）{
append（createTableColumn（））；
}
返回行；
}
函数createTable（gameBoardSize）{
用于（变量计数器=0；计数器<游戏板大小；计数器++）{
$（“#gameboard table”）.append（createTableRow（gameBoardSize））；
}
}

---

确保对循环计数器使用局部变量。否则，

createTableRow

中的

for

循环会更新

createTable

中的计数器，这会导致该循环过早结束。

+

用于连接字符串，而不是jQuery对象

只需直接附加到jQuery对象：

function createTableRow(gameBoardSize) {
    var row = $("<tr>");
    for(var counter = 0; counter < gameBoardSize; counter++) {
        row.append(createTableColumn());
    }
    return row;
}

function createTable(gameBoardSize) {
    for(var counter = 0; counter < gameBoardSize; counter++) {
        $("#gameboard-table").append(createTableRow(gameBoardSize));
    }
}

函数createTableRow（gameBoardSize）{
变量行=$（“”）；
用于（变量计数器=0；计数器<游戏板大小；计数器++）{
append（createTableColumn（））；
}
返回行；
}
函数createTable（gameBoardSize）{
用于（变量计数器=0；计数器<游戏板大小；计数器++）{
$（“#gameboard table”）.append（createTableRow（gameBoardSize））；
}
}

---

确保对循环计数器使用局部变量。否则，

createTableRow

中的

for

循环会更新

createTable

中的计数器，这会导致该循环过早结束。

+

用于连接字符串，而不是jQuery对象

只需直接附加到jQuery对象：

function createTableRow(gameBoardSize) {
    var row = $("<tr>");
    for(var counter = 0; counter < gameBoardSize; counter++) {
        row.append(createTableColumn());
    }
    return row;
}

function createTable(gameBoardSize) {
    for(var counter = 0; counter < gameBoardSize; counter++) {
        $("#gameboard-table").append(createTableRow(gameBoardSize));
    }
}

函数createTableRow（gameBoardSize）{
变量行=$（“”）；
用于（变量计数器=0；计数器<游戏板大小；计数器++）{
append（createTableColumn（））；
}
返回行；
}
函数createTable（gameBoardSize）{
用于（变量计数器=0；计数器<游戏板大小；计数器++）{
$（“#gameboard table”）.append（createTableRow（gameBoardSize））；
}
}

确保对循环计数器使用局部变量。否则，

createTableRow

中的

for

循环会更新

createTable

中的计数器，从而导致循环过早结束。

$（函数（）{
创建表（8）；
var i=0；
$（'td'）。每个（函数（）{
i++；
$（本）；
});
});
函数createTable（编号）{
对于（var计数=0；计数
$（函数（）{
创建表（8）；
var i=0；
$（'td'）。每个（函数（）{
i++；
$（本）；
});
});
函数createTable（编号）{
对于（var计数=0；计数
$（函数（）{
创建表（8）；
var i=0；
$（'td'）。每个（函数（）{
i++；
$（本）；
});
});
函数createTable（编号）{
对于（var计数=0；计数
$（函数（）{
创建表（8）；
var i=0；
$（'td'）。每个（函数（）{
i++；
$（本）；
});
});
函数createTable（编号）{
对于（var count=0；count，只需字符串连接和一个附加

function createTable(rowsCount, columnsCount) {
    var rows = "";
    var cell = "";
    var table = $("<table />")
    for (var i = 0; i < columnsCount; i++) {
        cell += "<td></td>";
    }
     for (var i = 0; i < rowsCount; i++) {
         rows += "<tr>" + cell + "</tr>";
     }
     table.append(rows);
         return table;
}

函数createTable（rowsCount、columnsCount）{
var行=”；
var cell=“”；
变量表=$（“”）
对于（变量i=0；i