为了未来好一点,现在苦一点有什么。都要更有勇气对明天说:我愿意。养成好习惯是储存健康,放纵不良是透支生命。梦不是为想象,而是让我们继续前往。
JQuery动态生成Table表格
主要用到了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表格实例代码请关注haodaima.com其它相关文章!