萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> Jquery 動態生成表格示例代碼

Jquery 動態生成表格示例代碼

 在某些特殊的情況下是需要動態生成表格的,下面為大家詳細介紹下使用jquery是如何做到的,感興趣的朋友不要錯過

代碼如下: <!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>     
copyright © 萬盛學電腦網 all rights reserved