需求场景

1)、增加一行

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

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

2)删除一行

支持动态删除行。

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

1.原界面如下：

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

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

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

核心代码：

$(' # my tableter ')。find(' TD : th-child(1)')1表示获取每行的第一列$ ('# mytabletr ')。find(' TD 3360 th-child(3)')3表示获取每行的第三列代码，如下所示：

% @ page language=' Java ' page encoding=' UTF-8 ' %！doctype html public '-//W3C//dtd html 4.01 transitional//en ' html head title使用jquery向指定的表中添加一行并删除一行/title meta http-equiv=' pragma ' content=' no-cache ' meta http-equiv=' cache-control ' content=' no-cache ' meta http-equiv=' expires ' content=' 0 ' meta http-equiv=' keyword ' content=' key word 1，keyword2，keyword3' meta http 例如：0-第一行1-第二行2-倒数第二行1-最后一行* trHtml添加第* *行的Html代码/函数addTr(tab，row，TrHtml){ //获取table $('#tab tr:last') //获取table $('#tab tr ')的第一行。 eq(0) //获取table $ ('# tabtr ')的倒数第二行。eq(-2)var $ tr=$(' #)If($ tr . size()==0){ alert('指定的表id或行数不存在！' );返回；} $ tr . after(TrHTMl)；}函数delTr(ckb){ //获取选中的复选框，然后循环遍历删除var ckb=$(' input[name=' ckb ']: checked ')；If(ckbs.size()==0){ alert('要删除指定的行，请选择要删除的行！' );返回；} ckbs.each(function(){ $(this))。父项()。父项()。移除()；});}/* * *全选* * allCkb全选复选框id * name */function all check(all ckb，items) {$ ('#' allckb)。单击(function(){ $('[name=' items ']:复选框')。attr('。});}////////增加一行，删除一行测试方法///////$(function(){//Select all check(' all ckb '，' ckb ')；});该函数添加tr 2(选项卡，行){ var tr html=' tr align=' center ' TD width=' 30% '输入类型=' checkbox ' name=' CKB '/tdtd width=' 30% '地理/tdtd width=' 30% ' 60/TD/tr '；addTr(选项卡、行、TrHTMl)；}函数delTr 2(){ Deltr(' ckb ')；} /script /head body表边框=' 1px # Ooo ' id=' tab ' cell padding=' 0 ' cell spacing=' 0 ' width=' 30% ' tr align=' center ' TD width=' 30% ' input id=' all ckb ' type=' checkbox '/TD TD TD width=' 30% ' account/TD TD TD width=' 30% '成就/TD/tr tr align=' center ' TD width=' 30% '/TD TD width=' 30% ' language/TD TD width=' 30 ' 表输入类型=' button' onclick=' addtr2 ('tab '，-1)'值=' add '输入类型=' button' onclick=' deltr2()'值=' delete' /body/html如果上面的文章不够详细，可以参考下面的文章和演示