使用jquery生成10x10表

我想用jquery创建一个简单的10x10表，这段代码有什么问题？它创建了这个（我没有添加tbody，我不知道它为什么在那里）

阿尔玛
...
阿尔玛

代码如下：

        var $game_table = $("#game_table"),
        init = function(){
            for(var i = 0; i < 10; ++i){
                $game_table.append("<tr>");
                for(var j = 0; j < 10; ++j){
                    $game_table.append("<td>alma</td>");
                }
                $game_table.append("</tr>");
            }
        };

var$game_table=$（“#game_table”），
init=函数（）{
对于（变量i=0；i<10；++i）{
$game_table.追加（“”）；
对于（var j=0；j<10；++j）{
$game_table.append（“alma”）；
}
$game_table.追加（“”）；
}
};

---

编辑：谢谢大家的回答，但我可以用javascript制作这样的表格，我真的很感兴趣为什么这段代码不起作用，所以请给我一个解决方案。

我更喜欢这样做。我想它会解决你的问题

for(var i = 0; i < 10; ++i){
    var tr = "<tr>";
    for(var j = 0; j < 10; ++j){
        tr += "<td>alma</td>";
    }
    tr += "</tr>";
    $game_table.append(tr);
}

for（变量i=0；i<10；++i）{
var tr=“”；
对于（var j=0；j<10；++j）{
tr+=“alma”；
}
tr+=”；
$game_table.append（tr）；
}

---

但是您也在

后面追加，可能应该将其放在

中。我更喜欢这样做。我想它会解决你的问题

for(var i = 0; i < 10; ++i){
    var tr = "<tr>";
    for(var j = 0; j < 10; ++j){
        tr += "<td>alma</td>";
    }
    tr += "</tr>";
    $game_table.append(tr);
}

for（变量i=0；i<10；++i）{
var tr=“”；
对于（var j=0；j<10；++j）{
tr+=“alma”；
}
tr+=”；
$game_table.append（tr）；
}

但是，您也在

后面追加，可能应该将其放在您可以执行的

中

        var $game_table = $("#game_table");
        for(var i = 0; i < 10; ++i){
            var tr=$("<tr></tr>");
            $game_table.append(tr);
            for(var j = 0; j < 10; ++j){
                tr.append("<td>alma</td>");
            }

        }       

var$game_table=$（“#game_table”）；
对于（变量i=0；i<10；++i）{
var tr=$（“”）；
$game_table.append（tr）；
对于（var j=0；j<10；++j）{
tr.append（“alma”）；
}
}       

你可以做

        var $game_table = $("#game_table");
        for(var i = 0; i < 10; ++i){
            var tr=$("<tr></tr>");
            $game_table.append(tr);
            for(var j = 0; j < 10; ++j){
                tr.append("<td>alma</td>");
            }

        }       

var$game_table=$（“#game_table”）；
对于（变量i=0；i<10；++i）{
var tr=$（“”）；
$game_table.append（tr）；
对于（var j=0；j<10；++j）{
tr.append（“alma”）；
}
}       

---

最有效的方法是使用纯JS，这并不难：

var gt   = document.getElementById('game_table'),
    i    = 0, 
    frag = document.createDocumentFragment(),
    tr   = document.createElement('tr'),
    td   = document.createElement('td');

while (i<10) {
    var _tr = tr.cloneNode(),
        j = 0;
    while (j<10) {
        _tr.appendChild(td.cloneNode());
        j++;
    }
    frag.appendChild(_tr);
    i++;
}

gt.appendChild(frag);

var gt=document.getElementById（'game_table'），
i=0，
frag=document.createDocumentFragment（），
tr=document.createElement（'tr'），
td=document.createElement（'td'）；
而（i最有效的方法是使用纯JS，这并不难：

var gt   = document.getElementById('game_table'),
    i    = 0, 
    frag = document.createDocumentFragment(),
    tr   = document.createElement('tr'),
    td   = document.createElement('td');

while (i<10) {
    var _tr = tr.cloneNode(),
        j = 0;
    while (j<10) {
        _tr.appendChild(td.cloneNode());
        j++;
    }
    frag.appendChild(_tr);
    i++;
}

gt.appendChild(frag);

var gt=document.getElementById（'game_table'），
i=0，
frag=document.createDocumentFragment（），
tr=document.createElement（'tr'），
td=document.createElement（'td'）；
虽然（我好的解决方案很简单，我把TD-s附加到表中而不是TR-s中好的解决方案很简单，我把TD-s附加到表中而不是TR-s中是的，这很好，但是浪费内存，无论如何，我以后应该能够添加和删除单元格/行，所以我想知道为什么这不起作用试试我的方法。你会得到你的
在
中。是的，这很好，但会浪费内存，无论如何，我应该能够在以后添加和删除单元格/行，所以我想知道为什么这样做不起作用。试试我的方法。你会在
中找到你的
。你还没有提到你看到的错误类型吗？没有错误，我想在10中得到10它，现在我得到10比100你没有提到你看到的是什么类型的错误吗？没有错误，我想得到10比100，现在我得到10比100很高兴看到有人使用片段而不是直接在DOM上工作很高兴看到有人使用片段而不是直接在DOM上工作