最近在写程序的时候，刚好有动态的增删行，下面记录一下。

$(' # my tableter ')。find(' TD : th-child(1)')1表示获取每行的第一列$ ('# mytabletr ')。find(' TD 3360 th-child(3)')3的意思是获取每行的第三列，这在今天的项目中，只是用来给指定的表添加一列。直接去谷歌，发现的东西都不尽如人意。它们要么没有功能，要么千篇一律，这是浪费时间。所以我自己包装。现在我将分享代码，以避免重复制作轮子。如果你有任何问题，请拍砖纠正我。别人身攻击我，嘎嘎。

需求场景

1)、增加一行

可以配置为在任一行中添加一行。比如第一行可以增加一行，第二行可以增加一行，倒数第二行可以增加一行，倒数第二行可以增加一行，不会受到需求变化的影响。

先决条件：表中必须存在行数，否则添加不成功。

2)删除一行

支持动态删除行。

如果你想好好学习代码，先展示结果。

1.原始界面如下：

2.添加一行。如果你想添加一行，你需要点击“添加”按钮。现在，如果你点击两次，你会自动添加两行。效果如下：

3.删除一行。如果要删除指定的行，先选中该行，然后点击“删除”按钮将其删除(这不是废话~ ~ ~)。现在选择一行，效果如下：

4.删除选定的行。点击“删除”按钮删除选中的行。效果如下：

代码如下：

% @页面语言=' Java '页面编码=' UTF-8 ' %！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML标题利用jquery给指定的桌子添加一行、删除一行/title meta http-equ v=' pragma ' content=' no-cache ' meta http-equ v=' cache-control ' content=' no-cache ' meta http-equ v=' expires ' content=' 0 ' meta http-equ v=' keywords ' content=' keywords 1，keywords 2，keywords 3 ' meta http-equ v=' description ' content='这是我的页面脚本类型=' text/JavaScript ' src=' http 3360%=request .添加一行、删除一行封装方法////////*** 为桌子指定行添加一行**选项卡表id*行行数，如：0-第一行1-第二行-2-倒数第二行-1-最后一行* trHtml添加行的超文本标记语言代码* */函数addTr(选项卡，行，trHtml){//获取桌子最后一行$('#tab tr:last')//获取桌子第一行$('#tab tr ').eq(0)//获取桌子倒数第二行$('#tab tr ').eq(-2)var $tr=$('#' tab ' tr ').eq(行);if($tr.size()==0){alert('指定的表编号或行数不存在！');返回；} $ tr。在(TrHTMl)之后；}函数delTr(ckb){//获取选中的复选框，然后循环遍历删除var ckbs=$(' input[name=' ckb ']: checked ')；if(ckbs.size()==0){alert('要删除指定行，需选中要删除的行！');返回；}ckbs.each(function(){$(this)).父项()。父项()。移除();});}/*** 全选* *所有Ckb全选复选框的id*项目复选框的name*/function allCheck(allCkb，items){ $(' # ' AllckB)} .单击(function(){ $('[name=' items ']: checkbox ').attr('选中'，这个。选中)；});}////////添加一行、删除一行测试方法//////$(function(){//全选allCheck('allCkb '，' CKb ')；});函数addTr2(选项卡，行){ var trHtml=' tr align=' center ' TD width=' 30% '输入类型=' checkbox '名称=' ckb '/tdtd宽度=' 30% '地理/tdtd宽度=' 30% ' 60/TD/tr '；addTr(选项卡、行、TRHTMl)；}函数delTr 2(){ Deltr(' ckb ')；}/脚本/标题dytable边框=' 1px # ooo ' id=' tab '单元格填充=' 0 '单元格间距=' 0 '宽度=' 30% ' tr align=' center ' TD宽度=' 30% '输入id=' AllckB ' type=' checkbox '/tdtd width=' 30% '科目/tdtd宽度='30% '成绩/TD/trtr align=' center ' TD width=' 30% '/tdtd width=' 30% '语文/tdtd width=' 30% ' 80/TD/tr/table输入类型=' button ' onclick=' addtr 2(' tab '，-1)' value='添加输入类型=' button ' onclick=' deltr 2()' value='删除/body/html以上所述是小编给大家介绍的jQuery给指定的桌子动态添加删除行的操作方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！