jquery动态创建table

最新推荐文章于 2022-10-11 18:14:17 发布

原创最新推荐文章于 2022-10-11 18:14:17 发布 · 3.6k 阅读

·

0

·

本内容遵循CC 4.0 BY-SA版权协议

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

标签

#jquery #asp.net

Jquery 同时被 2 个专栏收录

20 篇文章

订阅专栏

9 篇文章

订阅专栏

这篇博客介绍了如何利用jQuery在ASP.NET环境中动态创建表格的tbody部分，通过示例代码展示了DOM操作的过程。

<meta http-equiv="Content-Type"
 content="text/html; charset=gb2312">

<title>动态创建表格</title>

<script type="text/javascript"
 src="Scripts/jquery-1.3.2.js"></script>

<script type="text/javascript">

  function
 CreateTable(rowCount,cellCount)

{

     var
 table=$("<table border=\"1\">");

     table.appendTo($("#createtable"));

     for(var
 i=0;i<rowCount;i++)

{

        var
 tr=$("<tr></tr>");

        tr.appendTo(table);

        for(var
 j=0;j<cellCount;j++)

{

           var
 td=$("<td>"+i*j+"</td>");

           td.appendTo(tr);

}

}

     trend.appendTo(table);

     $("#createtable").append("</table>");

}

</script>

</head>

<body>

<input type="button"
 value="添加表格" onClick="CreateTable(5,6)" >

<input type="button"
 value="添加行">

<div id="createtable"></div>

<div id="createrow"></div>

</body>

另一种方式

var dom_tbody = $('<tbody></tbody>');

    for (var j = 0; j < 5; j++) {
        var dom_tr = $('<tr></tr>');
        for (var i = 0; i < 15; i++) {
            var dom_td = $("<td>nihao</td>");
            dom_tr.append(dom_td);
        }
        dom_tbody.append(dom_tr);
    }
    var dom_table = $('<table></table>').append(dom_tbody);
    $("#div1").append(dom_table);

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。