jQuery动态表创建表结构不正确

Question

我正在使用jQuery如下创建动态表.

$('#dynamictable').append('<table>');
var table = $('#dynamictable').children();
for (var i = 0; i < 13; i++) {
    table.append("<tr>");
    for (var j = 0; j < 7; j++) {
        table.append("<td style='background:#ccc;'>cell</td>");
    }
    table.append("</tr>");
}
$('#dynamictable').append('</table>');

表似乎没问题.但是当我检查表结构不正确时.

它如下:

哪个不对.检查我的小提琴细节:FIDDLE

Answer 1

当你追加时,<tr>它正在添加</tr>代码.同样</tr>也是.

你应该这样做 -

for (var i = 0; i < 13; i++) {
    var str = "<tr>";
    for (var j = 0; j < 7; j++) {
        str += "<td style='background:#ccc;'>cell</td>";
    }
    str += "</tr>";
    table.append(str);
}

小提琴