根据行数和列数在jQuery中生成表格

Question

如何使用jQuery根据给定的行数和列数生成表格？

- Leticia Meyer

Answer 1

你可以使用嵌套的for循环创建元素并将它们追加到一起。以下是一个非常简单的示例，演示了如何创建DOM元素并将它们添加到一起。

你会注意到$('<tag>')这种语法将创建一个元素，你可以使用appendTo方法来实现这一点。然后，你可以将结果表格添加到DOM中。

var rows = 5; //here's your number of rows and columns
var cols = 5;
var table = $('<table><tbody>');
for(var r = 0; r < rows; r++)
{
    var tr = $('<tr>');
    for (var c = 0; c < cols; c++)
        $('<td>some value</td>').appendTo(tr); //fill in your cells with something meaningful here
    tr.appendTo(table);
}

table.appendTo('body'); //Add your resulting table to the DOM, I'm using the body tag for example

- wsanville

---

优秀的脚本。只需要知道如何使用特定的<div id="tbl">而不是'body' table.appendTo('body'); 请帮忙。 - PRANAV