JQuery动态添加Table表格

<! 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="http://static.zcool.com.cn/v6.2.3/scripts/jquery-1.7.2.min.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,5)" >

< input type="button" value="添加行" onClick="CreateTable(5)">

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

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

</ body >

</ html >