最简单的jQuery创建表格

最新推荐文章于 2022-10-11 18:14:17 发布

iteye_4639

最新推荐文章于 2022-10-11 18:14:17 发布

阅读量144

点赞数

文章标签： javascript ViewUI

最简单的jQuery创建表格

利用jQuery创建表格、主要是用到jQuery的两个方法：appendTo($("#nodeId"))、append(“html”) 、先使用jQuery创建一个表格头var table = $("<table border = \"1\" >");然后将此变量追加到页面放置此table的地方、然后再创建tr、将tr追加到table上、再创建td、将td追加到tr上、、、最后添加表格的结束标签$("#createTable").append("</table>");

HTML代码：

[html] view plain copy print ?

<!DOCTYPEhtml>
<HTML>
<HEAD>
<TITLE>dynamiccreatetable</TITLE>
<scripttype="text/javascript"src="jquery-1.7.2.min.js"></script>
<SCRIPTtype="text/javascript">
functioncreateTable(rowNum,clomnNum){
vartable=$("<tableborder=\"1\">");
table.appendTo(($("#createTable")));
for(vari=0;i<rowNum;i++){
vartr=$("<tr></tr>");
tr.appendTo(table);
for(varj=0;j<clomnNum;j++){
vartd=$("<td>"+i*j+"</td>");
td.appendTo(tr);
}
}
$("#createTable").append("</table>");
}
</SCRIPT>
</HEAD>
<BODY>
<inputtype="button"value="create"onclick="createTable(5,6)"/>
</br>
<divid="createTable"></div>
</BODY>
</HTML>

iteye_4639

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
最简单的jQuery创建表格

最简单的jQuery创建表格利用jQuery创建表格、主要是用到jQuery的两个方法：appendTo($("#nodeId"))、append(“html”) 、先使用jQuery创建一个表格头var table = $("&lt;table border = \"1\" &gt;");然后将此变量追加到页面放置此table的地方、然后再创建tr、将tr追加到table上、...
复制链接

扫一扫