Jquery 动态生成表格示例代码
更新时间：2013年12月24日 15:55:19 作者：
在某些特殊的情况下是需要动态生成表格的，下面为大家详细介绍下使用jquery是如何做到的，感兴趣的朋友不要错过
复制代码 代码如下:
<!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="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="添加行">
<div id="createtable"></div>
<div id="createrow"></div>
</body>
</html>
相关文章
jquery 学习之一 对象访问整理，学习jquery的朋友可以参考下。2010-11-11
jquery基于layui实现二级联动下拉选择(省份城市选择)
本篇文章主要介绍了jquery基于layui实现二级联动下拉选择(省份城市选择)，具有一定的实用价值，需要的朋友可以参考下2017-06-06
这个tab页是把数据全部取回来再显示，所以没有数据缓存的特点。但是因为数据全部是显示的html代码，所以对搜索引擎是友好的，也许对seo有好处。2009-09-09
这篇文章主要介绍了jQuery之关于resize()方法的使用，具有很好的价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
本文主要介绍了jquery实现弹窗功能且弹出确认框始终位于窗口中间位置的实例，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
因为鼠标没有拖动事件(按下鼠标并移动)，只有按下，抬起，移动2012-05-05
这篇文章主要介绍了基于jquery实现鼠标滚轮驱动的图片切换效果，操作简单，适合用在产片展示网站中，需要的朋友可以参考下2015-10-10
这篇文章主要介绍了jQuery 表单序列化实例代码,需要的朋友可以参考下2017-06-06
浅析JQuery中的html(),text(),val()区别
jQuery中.html()用为读取和修改元素的HTML标签，.text()用来读取或修改元素的纯文本内容，.val()用来读取或修改表单元素的value值。2014-09-09
artDialog，一个jquery的对话框插件但是在使用时发现鼠标双击时会自半对话框，下面与大家分享下具体的修改过程，感兴趣的朋友可以参考下2013-08-08
最新评论