JQuery动态生成Table表格
2010-11-30 20:52
651 查看
主要用到了JQuery中的append和appendto的方法,具体代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <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> </html>
相关文章推荐
- jquery应用实例一动态添加删除生成表格table
- JQuery 动态生成Table表格实例代码
- JQuery动态生成Table表格
- JQuery动态生成Table表格
- JQuery动态生成Table表格
- JQuery动态生成Table表格
- jQuery动态表格(转自:http://www.cnblogs.com/Zjmainstay/archive/2012/07/12/jQuery_autoAddDeleteTableTr.html)
- Jquery 动态生成表格示例代码
- Jquery 动态生成表格 并为行绑定单击变色动作
- android学习——使用TableLayout动态生成表格,并为tablerow中的列添加点击监听
- jquery + json 动态创建复杂表格table
- Jquery动态生成table
- 后台动态生成table表格
- JQUERY动态生成DIV,table等数据
- Jquery 动态生成表格
- Jquery 动态生成表格示例代码
- jquery动态生成bootstrap表格
- 动态生成表格、隐藏表格、选中删除任意行、jquery、输入验证
- Jquery动态操作table表格
- js通过后台配置动态生成html table表格