$(' # 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 :%=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 ')；}/脚本/头体表边框=' 1px # ooo ' id=' tab '单元格填充=' 0 '单元格间距=' 0 '宽度=' 30% ' tr align=' center ' TD宽度=' 30% '输入id=' all ckb ' type=' checkbox '/TD TD TD width=' 30% '科目TD TD TD宽度='30% '成绩/TD/tr tr对齐='中心' TD宽度=' 30% '/TD TD宽度=' 30% '语文/td td宽度='30%'80/td /tr /table输入类型='button' onclick='addTr2('tab '，-1)' value='添加输入类型=' button ' onclick=' deltr 2()' value='删除/body/html以上就是小编为大家带来的利用jquery给指定的桌子动态添加一行、删除一行的方法全部内容了，希望大家多多支持我们~