jquery动态生成表格解决办法-JavaSript-爱易网页

jquery动态生成表格解决办法

日期：2014-05-16　浏览次数：20368 次

jquery动态生成表格

<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="添加行"> 



<p id="createtable"></p> 



<p id="createrow"></p> 



</body>