用jQuery试着动态生成表格

作者：前端菜鸟2017.08.28来源：Web前端之家浏览：16154评论:0

关键词：JQuery JS

用jQuery试着动态生成表格。

<!doctype html>
<html>
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>动态创建表格</title> 
<script type="text/javascript" src="/demo/js/jq.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>

赏您的支持是我们创作的动力！