搜狗指南 | 您所在的位置:网站首页 › tablewidget添加一行数据 › 搜狗指南 |
首页>游戏/数码>IT技术用Jquery如何为Table添加行?优质3977次浏览推荐于2020.09.12 做网站前端开发,对Jquery都很熟悉了吧?它为我们操作HTML Dom提供了很多便利,下面我们一起看下用Jquery怎样为一个table添加一行数据? 0102030405060708操作方法01要使用Jquery来操作,我们首先要在代码里引入对应的脚本。 然后看下我们的html初始的 table, 1 A a 2 B b 再在html里加上一个按钮,就是点击这个按钮为table添加一行. 代码里添加了点击事件,点击后会调用 add_tr方法。 添加这个add_tr方法的具体逻辑 解释下逻辑,定义一个数组,然后往数组里放入字符串,就是tr内容的字符串。 原table的每一行tr都由三个单元格td组成,所以新加的行也要三个td,每个td的内容也要对应设置。 然后把这个数组的内容用 join方法联结成一个字符串,再用Jquery的append方法,把这个字符串附加到table的最后面。 具体的逻辑代码已写好,我们看下页面, 在页面上点击按钮,点击后就会调用添加行的逻辑,我们可以看到新加的行,已成功添加到table里。 这个按钮的逻辑可以多次点击,多次为table添加行,每点击一次添加一行。 (但有点不是很灵活的地方,就是新加行的内容都是固定的内容,大家可以根据自己的需求,适当修改一下) 本页搜狗指南内容仅代表作者本人意见,若因此产生任何纠纷由作者本人负责,概与搜狗公司无关。本页搜狗指南内容仅供参考,请您根据自身实际情况谨慎操作。尤其涉及您或第三方利益等事项,请咨询专业人士处理。 0点赞无帮助无帮助恭喜您完成每日一赞任务经验值+5感谢您的反馈相关推荐2021.09.11用原生JS脚本如何为Table添加行? 2020.11.20如何为照片的天空添加真实云彩,用什么方法 2022.05.14苹果官流版与官换版有什么区别 2022.05.14纪念碑谷第六章迷宫通关攻略 2022.05.14电脑回收站文件删除如何恢复 2022.05.14QQ象棋楚汉争霸第1、2关 |
CopyRight 2018-2019 实验室设备网 版权所有 |