编程 Javascript

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>

Jquery 动态生成表格示例代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript window.setTimeout() 的详细用法

Nov 04 Javascript

setInterval,setTimeout与jquery混用的问题

Apr 08 Javascript

纯js简单日历实现代码

Oct 05 Javascript

jquery ajax对特殊字符进行转义防止js注入使用示例

Nov 21 Javascript

用Jquery.load载入页面实现局部刷新

Jan 22 Javascript

JavaScript控制table某列不显示的方法

Mar 16 Javascript

JS基于面向对象实现的拖拽库实例

Sep 24 Javascript

Jquery实现仿京东商城省市联动菜单

Nov 19 Javascript

jquery实现下拉菜单的手风琴效果

Jul 23 jQuery

Vue.js 2.5新特性介绍(推荐)

Oct 24 Javascript

Vue 后台管理类项目兼容IE9+的方法示例

Feb 20 Javascript

javascript实现的字符串转换成数组操作示例

Jun 13 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