jQuery给表格动态添加或删除行列

最新推荐文章于 2024-08-08 16:36:35 发布

桑椹

最新推荐文章于 2024-08-08 16:36:35 发布

阅读量6.1k

点赞数 1

分类专栏： Jsp 前端文章标签： table jquery Jsp

本文链接：https://blog.csdn.net/qq_33048333/article/details/80610144

版权

这篇博客展示了如何使用jQuery来动态地为表格添加或删除具有特定样式的行列。通过点击"+"按钮添加行，点击"-"按钮删除行，实现了多行操作的功能。文中包括实现效果的展示以及具体的操作实现过程。

摘要由CSDN通过智能技术生成

点击按钮，动态添加、删除表格特定样式的行列

点击**“+”则添加行，点击“-”**则删除行（针对多行）
实现效果图
实现

$.addTrTd = function(i){
	var rowPost ='<tr>'+
	'<td class="w25-10" colspan="2">岗位名称</td>'+
	'<td class="w25-10" colspan="2"><input id="jobname'+i+'" name="jobname'+i+'" type="text" lay-verType="tips" autocomplete="off" class="layui-input"></td>'+
	'<td class="w25-10" colspan="2">岗位职责</td>'+
	'<td class="w25-10" colspan="2"><input id="jobresponsiblity'+i+'" name