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>