jQuery 追加行和列

Question

我正在尝试使用 jQuery 创建一个动态表。到目前为止，我有以下代码:

$(document).ready(function(){
    var i=0;
    while(i<10){
        $('table').append('<tr></tr>');
        $('tr').append('<td></td>');
        i++;
    };
});

它给了我一个相当奇怪的结果:我按预期得到了一个表格，但第一行有 10 列，第二行有 9 列，依此类推...

我对结果感到惊讶，我原本期望 10 行一列。

Answer 1

首先，您需要选择表格并将其保存在变量中

var table = $('table');

在 while 循环中，创建一个新的 tr 元素

var tr = $('<tr></tr>');

将其附加到表格

table.append(tr);

然后附加一个新的 td 元素

tr.append('<td></td>')