用jquery如何往指定表格插入数字

2024-10-11 23:11:50

1、首先看下我们的HTML代码,代码很简单,就是一个表格,表格里有几行数据,和几个输入框,一个按钮。具体代码如图,

用jquery如何往指定表格插入数字

2、运行下页面,我们看到现在页面的效果如图。

用jquery如何往指定表格插入数字

4、然后为页面上的按钮添加点击事件,点击后先取到输入框里的数据,第几行,第几列的单侍厚治越元格,要更新的数据。等到这个数据后,就调用add_data方法去更新table的单元格,具体代码如图。

用jquery如何往指定表格插入数字

6、点击按钮后,我们可以看到table里最后一个单元格的内容填充上了。(为什么输入的行是4?因为第一行的标题行也算是一行的)

用jquery如何往指定表格插入数字

8、点击更改后,该单元格的数据也成功修改了。如要为指定的表格插入数据,更新数据,我们在调用add_data方法时,为第一个参数填上不同的值就行了,要改table的id为tb2的表格的数据,就把这参数改成 tb2。

用jquery如何往指定表格插入数字
猜你喜欢