Question

如何使用jQuery创建动态表？示例：jQuery对话框询问用户他想要的表中有多少行？用户输入多个行，然后jQuery从该数字创建行。我认为这可以用jQuery完成，但是怎么做呢？

Answer 1

最简单的表格制作功能可能看起来像这样

function makeTable (cols, rows) {
    var html = "<table>", // Start your html
    tmpCols = 0;          // Temporary variable to use in loops
    while (rows--) { // Loop through rows

        html += "<tr>"; // Start new row
        tmpCols = cols; // Cache passed number of columns

        while (tmpCols--) { // Loop through cols
            html+= "<td></td>"; // Add new cells
        }

        html += "</tr>" // Close row
    }
    html += "</table>"; // Close table
    return html;        // Return html
}

当然，您可能希望更多地控制表的各个方面（属性或内容等）。更新您的问题，了解您需要的更多详细信息，然后我们可以更好地帮助您：）

Answer 2

在问这个之前你应该做一些研究。

很容易做到这一点的方法是做这样的事情：

var nbRow = 10;

var content = '<table>';
for(var i=0; i<nbRow; i++){
    content += '<tr><td>Lorem ipsum</td></tr>';
}
content += '</table>';
$('body').append(content);

您可以使用用户选择的值替换nbRow。

Here's a fiddle to show you what it give

使用jQuery的动态表

2 个答案: