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针对页面操作的相关技巧,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了jquery实现在网页指定区域显示自定义右键菜单效果,涉及jquery鼠标点击及事件绑定等相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
没有关闭按钮，但是点击其他地方的时候，弹出框消失，必须用js给弹出框的父元素加上更高的层次，具体实现如下，感兴趣的朋友可以参考下2013-08-08
a标签的href如何修改，下面为大家介绍下使用javascript或jquery来简单实现，感兴趣的朋友可以参考下2013-12-12
取得iframe中元素的方法有很多，在本文为大家介绍下在iframe子页面获取父页面元素的方法，下面有个不错的示例，感兴趣的朋友可以参考下2013-11-11
在一些网站我们经常看到当我们要输入邮箱的时候，还没有填写完，就会出现一系列下拉列表，帮助我们自动补全邮箱，怎么实现的呢？今天下面给大家分享基于jquery实现邮箱下拉列表自动补全功能，一起看看吧2016-09-09
这篇文章主要介绍了Jquery.Form 异步提交表单的简单实例。需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
这篇文章主要介绍了jQuery实现转动随机数抽奖效果的方法,涉及jQuery操作随机数及页面元素的相关技巧,需要的朋友可以参考下2015-05-05
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
这篇文章主要介绍了asp.net+jquery.form实现图片异步上传的方法,结合实例形式分析了jquery.form.js前台异步提交图片与asp.net后台处理的相关技巧,需要的朋友可以参考下2016-05-05
我们在一些应用中需要动态展示数据，比如当前在线人数，当前交易总额，当前汇率等等，前端页面需要实时刷新获取最新数据。本文将结合实例给大家介绍使用jQuery和PHP来实现动态数字展示效果。2015-03-03
最新评论