多语言展示
当前在线:472今日阅读:84今日分享:32

如何用jquery创建简单动态表格

如何用jquery创建简单动态表格?其实很简单,通过使用jquery的html方法,就可以在一个容器里创建一个表格,下面我们一起来看一下。
方法/步骤
1

因为需要使用jquery来操作,所以我们先引入jquery脚本文件。

2

然后在html里,我们创建一个空的div,动态生成的表格就放在这个div里。一个按钮,用来触发创建表格。

3

创建一个createTable的方法来创建表格。其中参数用来指明生成的表格是多少行,多少列的。变量html是一个字符串,先用一个for循环来生成表格的行(tr)。

4

里面再嵌套一个for循环,是生成表格的列(td)的。

5

生成表格的字符串构建好后,就可以调用jquery的html方法来生成表格了。把字符串变量传进方法里就行了。

6

接着为按钮绑定点击事件,在点击响应事件里,调用createTable方法,参数可以按自己的要求传,这里我们生成一个3行4列的表格。

7

运行页面,点击上面的按钮来生成表格。

8

点击后,我们就可以看到,动态生成了一个3行4列的空表格了,当然如果你要连表格内容也生成,那么在构建字符串时,把内容也放进去就行了。

推荐信息