如何使用jquery创建带有行的新表,并将其包装在div中

前端之家收集整理的这篇文章主要介绍了如何使用jquery创建带有行的新表,并将其包装在div中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在div元素中创建表

在我的.html文件中,我有这个

<div id='div1'> </div>

在我的js文件中,我想用行和数据放置新表

我该如何实现?

解决方法

假设你有表的HTML,你可以简单地创建一个jQuery对象,并附加到DIV.如果您拥有数据,则需要对其进行迭代,并从数据中创建单元格/行,并单独添加它们.
$('<table><tr><td>.....</td></tr></table>').appendTo( '#div1' );

要么

var data = [ [ 1,2,3 ],[ 4,5,6 ],[7,8,9 ] ];

var html = '<table><thead><tr>...</tr></thead><tbody>';
for (var i = 0,len = data.length; i < len; ++i) {
    html += '<tr>';
    for (var j = 0,rowLen = data[i].length; j < rowLen; ++j ) {
        html += '<td>' + data[i][j] + '</td>';
    }
    html += "</tr>";
}
html += '</tbody><tfoot><tr>....</tr></tfoot></table>';

$(html).appendTo('#div1');

猜你在找的jQuery相关文章