刚进公司，组长要我用jquery动态生成表，我琢磨了老半天才写出来！但是很有成就感！凉出来给大家看看！
<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 动态生成DIV、Table并处理数据" 涉及的是使用JavaScript库JQuery来动态创建HTML元素，特别是DIV和Table，并且处理其中的数据。这在Web开发中非常常见，尤其是在构建交互式用户界面时。下面将详细阐述这...
本示例代码“jquery动态生成树”是关于如何利用jQuery和相关技术，如Struts2、treeview插件及JSON数据格式，来动态地在网页上构建一个可交互的目录树结构。 首先，让我们详细了解一下每个组件的作用： 1. **jQuery...
总的来说，这个jQuery插件为处理多层复杂表头和数据提供了一个强大的工具，结合动态生成、筛选和基本统计分析，大大提升了网页表格的可读性和互动性。对于需要处理复杂数据的Web应用开发者来说，这是一个非常有价值...
数据展示时候，经常从后台传入大小不等的矩阵。这里给出了根据不同矩阵大小，通过jquery的html()和append(）方法动态生成html表格的实例。
在处理动态生成的元素时，jQuery提供了强大的选择器和方法，这使得开发者能够以简洁的方式操作这些元素，包括为它们添加事件监听器。 2. 动态生成元素的事件处理难题：在Web开发中，经常遇到需要动态生成页面元素的...
本文将详细讲解如何使用jQuery来动态生成树状菜单，这对于构建交互式网页界面至关重要。 首先，理解树菜单的概念。树菜单是一种以层次结构展示信息的用户界面元素，通常用于网站导航或数据分类。它由节点组成，每个...
本实例将探讨如何利用jQuery来动态生成树形结构，这对于展示层次化数据或者构建导航菜单非常实用。 首先，我们需要理解树形结构的基本概念。树形结构是一种数据组织方式，它由节点（通常表示数据）和边（表示节点间...
在本文中，我们将深入探讨如何使用jQuery库动态生成树形结构，特别关注一个具体的案例。jQuery是一个轻量级的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互。在Web开发中，树形结构常用于...
本资源"jQuery动态生成分页列表代码.zip"提供了一种实用的解决方案，由开发者doorrj2创建，用于实现每页固定数量列表的分页效果。下面将详细介绍这个jQuery动态分页插件的工作原理和实现方法。 首先，jQuery是一种...
在前端开发中，动态生成表单是一个常见的需求，特别是在数据录入、编辑或验证场景下。...在实际项目中，你可能还需要考虑更复杂的需求，如表单重用、动态增删表单行等，这需要你对jQuery和layui有更深入的理解。
【dtree+jquery动态生成树】是一个用于创建交互式树形结构的JavaScript库，结合了jQuery框架的强大功能，使得在网页上动态展示层次结构数据变得简单。本实例着重于实现菜单树的生成，这对于构建多级导航系统尤其有用...
本案例聚焦于使用jQuery动态生成文本框，并且每个文本框都配备有删除按钮。这个功能常见于需要用户输入多条类似信息的场景，如在线表单或任务管理器。 首先，`demo.html`和`demo_1.html`是两个不同的示例页面，展示...
本资源"jQuery动态添加删除编辑标签代码.zip"提供了一种实现动态管理标签页的方法，尤其适用于需要用户交互性高的Web应用。下面将详细阐述这个代码实现的功能及其背后的编程原理。 首先，"jQuery动态添加删除编辑...
"Jquery动态按钮"是一个利用jQuery库来创建具有动态效果的按钮，如动态影子、反光和镜子效果。这些效果能够提升用户的交互体验，使网页元素更具吸引力。 首先，我们来详细了解如何使用jQuery来创建动态按钮。基本...
在这个特定的项目中，“jquery动态生成select工作日列表Workday”是利用jQuery来实现一个功能，该功能可以动态地创建一个SELECT元素，并填充每月周一至周五的工作日日期。 首先，我们需要理解“select”元素在HTML...
在"Dtree Jquery动态生成树节点"这个主题中，我们可以探讨以下几个关键知识点： 1. **DTree的初始化**：在HTML中添加一个空的div元素作为DTree的容器，然后在JavaScript中使用JQuery选择该元素，并调用DTree的初始...
在IT行业中，jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax...对于初学者来说，理解并实践这个项目，可以加深对jQuery和动态生成二维码原理的理解，同时也能提升实际开发技能。
在这个实例中，我们将深入探讨如何利用jQuery来动态生成饼状比例图形，这是一种有效的数据可视化方法，尤其适合展示各项数据所占整体的比例。 首先，我们需要理解饼状图的基本原理。饼状图是一种圆形图表，将整个...
谁在jquery easyUI 下做过动态生成多条件查询功能，动态添加一行（一个条件）：参数名（多个字段名）、关系符（>、<、>=、、=）、比较值（input）。大体就这样，点击“添加条件”，生成上面描述的一行，这个在jquery...
标题提到的"Dtree+Jquery动态生成树节点"是指使用DTree插件结合jQuery库来创建可交互的、动态更新的树形结构数据展示。这篇博文链接指向的是张荣（zhangrong108）在ITEYE上的博客文章，虽然具体的描述是空的，但我们...