jQuery动态生成table

<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>");

  }

 
第二种:jQuery.fn.genenrateTable=function(arr2D){
 
              this.each(function(){
                     var  html='<table border="1">';
                      $.each(arr2D,function(i,row){
                          html+='<tr>';
                          $.each(roe,function(j,col){
                             html+='<td>'+col+'</td>';
                  });
                            html+='</tr>';
           });
               html+='</table>';
              $(this).append(html);
     })
 
}
 
</script>
posted @ 2015-11-04 11:43  小美_chen  阅读(289)  评论(0)    收藏  举报