Jquery 动态生成表格示例代码


Posted in Javascript onDecember 24, 2013
<!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>
Javascript 相关文章推荐
详解vue组件化开发-vuex状态管理库
Apr 10 Javascript
Bootstrap实现各种进度条样式详解
Apr 13 Javascript
jquery实现图片轮播器
May 23 jQuery
详解vue模拟加载更多功能(数据追加)
Jun 23 Javascript
使用JavaScript实现表格编辑器(实例讲解)
Aug 02 Javascript
利用JS如何计算字符串所占字节数示例代码
Sep 13 Javascript
ReactNative实现Toast的示例
Dec 31 Javascript
js+css实现红包雨效果
Jul 12 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
详解element-ui中form验证杂记
Mar 04 Javascript
使用JS location实现搜索框历史记录功能
Dec 23 Javascript
Vue父子之间值传递的实例教程
Jul 02 Javascript
js 异步操作回调函数如何控制执行顺序
Dec 24 #Javascript
表格奇偶行设置不同颜色的核心JS代码
Dec 24 #Javascript
js中function()使用方法
Dec 24 #Javascript
document节点对象的获取方式示例介绍
Dec 24 #Javascript
JQuery结合CSS操作打印样式的方法
Dec 24 #Javascript
jQuery动态改变图片显示大小(修改版)的实现思路及代码
Dec 24 #Javascript
jquery自动切换tabs选项卡的具体实现
Dec 24 #Javascript
You might like
功能强大的PHP图片处理类(水印、透明度、旋转)
2015/10/21 PHP
PHP替换Word中变量并导出PDF图片的实现方法
2020/11/26 PHP
修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
2009/10/11 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
2014/04/14 Javascript
简单谈谈javascript Date类型
2015/09/06 Javascript
JS日期格式化之javascript Date format
2015/10/01 Javascript
jquery+json实现动态商品内容展示的方法
2016/01/14 Javascript
如何用angularjs制作一个完整的表格
2016/01/21 Javascript
详解Jquery实现ready和bind事件
2016/04/14 Javascript
jQuery实现的自适应焦点图效果完整实例
2016/08/24 Javascript
详解微信小程序 template添加绑定事件
2017/06/23 Javascript
jQuery实现可兼容IE6的滚动监听功能
2017/09/20 jQuery
jquery 给动态生成的标签绑定事件的几种方法总结
2018/02/24 jQuery
vue弹窗组件使用方法
2018/04/28 Javascript
在vue中高德地图引入和轨迹的绘制的实现
2019/10/11 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
2020/05/01 Javascript
你不知道的SpringBoot与Vue部署解决方案
2020/11/09 Javascript
[02:45]DOTA2英雄敌法师基础教程
2013/11/25 DOTA
Python函数中定义参数的四种方式
2014/11/30 Python
Python中的装饰器用法详解
2015/01/14 Python
基于pandas数据样本行列选取的方法
2018/04/20 Python
Python3 pip3 list 出现 DEPRECATION 警告的解决方法
2019/02/16 Python
Python对接支付宝支付自实现功能
2019/10/10 Python
Python 读取 YUV(NV12) 视频文件实例
2019/12/09 Python
Python面向对象封装操作案例详解 II
2020/01/02 Python
Python requests模块session代码实例
2020/04/14 Python
Python自动登录QQ的实现示例
2020/08/28 Python
运动会解说词200字
2014/02/06 职场文书
九年级政治教学反思
2014/02/06 职场文书
公司中秋节活动方案
2014/02/12 职场文书
测量工程专业求职信
2014/02/24 职场文书
政治学求职信
2014/06/03 职场文书
员工旷工检讨书
2015/08/15 职场文书
公务员学习中国梦心得体会
2016/01/05 职场文书
《西游记》读后感(3篇)
2019/09/20 职场文书
基于Redis的List实现特价商品列表功能
2021/08/30 Redis