jQuery中的动态表生成

Question

如何动态生成具有可变行数的HTML <table>？

行数取决于Javascript对象中存在的属性数。

function showTable(trnum) //number of table rows passed in
{
   // how?
   // $("#elem").foo // #elem - element container for table
}

Answer 1

function showTable(trnum) {
    var tableCode = "<table>";
    for (var i=0; i<trnum; i++) {
        tableCode += "<tr>" + "stuff inside each tr ?" + "</tr>";
    }
    tableCode += "</table>";
    $("#elem").append(tableCode);
}

Answer 2

点击链接。 Generating HTML Tables with jQuery。对于演示去here

Answer 3

你可以尝试一下：

$.createTable = function(trnum)
{
    var reps = new Array(trnum);
    var table = $('<table></table>');
    $.each(reps,function(){ 
        var td    = $('<tr><td> Stuff here </td></tr>');
        table.append(td)     
    }); 
    $('#elem').append(table);
}

通话功能：

$.createTable(6);