Javascript 仅为特定表添加表行

我有一张两人的表格，用于不同的练习，我的目标是能够为每个练习添加新行。下面我有一个工作片段：

身体{
颜色：#404E67；
背景#F5F7FA；
字体系列：“开放式Sans”，无衬线；
}
.表格包装{
宽度：40%；
保证金：30像素自动；
背景：透明；
填充：20px；
边框样式：实心；
身高：50%；
}
.表格标题{
垫底：10px；
利润率：0.10px；
}
.表格标题h2{
边际：6px0；
字体大小：22px；
}
桌子{
左缘：em；
}
表tr-th，
table.table tr td{
边框颜色：#e9e9e9；
位置：相对位置；
}
表一{
字体大小：13px；
利润率：0.5px；
光标：指针；
}
表th：最后一个孩子{
宽度：100px；
}
表.表td a{
光标：指针；
显示：内联块；
利润率：0.5px；
最小宽度：24px；
}
表.表td a.add{
颜色：#27C46B；
}
table.table td a.edit{
颜色：#FFC107；
}
table.table td a.delete{
颜色：#E34724；
}
表一{
字号：19px；
}
表.表td a.add i{
字体大小：24px；
右边距：-1px；
位置：相对位置；
顶部：3px；
}
table.table.form控件{
高度：32px；
线高：32px；
盒影：无；
边界半径：2px；
位置：绝对位置；
宽度：计算（100%-24px）；
填充：0px；
}
table.table.form-control.error{
边框颜色：#f50000；
}
table.table td.add{
显示：无；
}
表th{
宽度：自动！重要；
颜色：白色；
文本对齐：居中；
垂直对齐：中间对齐；
}
运输署{
颜色：白色；
文本对齐：居中；
垂直对齐：中间对齐；
}
.头{
背景色：#4D4F5C；
底部边框：3倍纯白；
}
#身体{
背景色：#4D4F5C；
}
#添加按钮{
左边距：9.5em；
}
h4{
文本对齐：居中；
}
#名字{
文本对齐：居中；
}
#代表{
文本对齐：居中；
}
#重量{
文本对齐：居中；
}
#编辑{
文本对齐：居中；
}
$（文档）.ready（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
var actions=$（“表td:last child”）.html（）；
//在“添加新”按钮上使用“添加行”窗体追加表单击
$（“.add new”）。单击（函数（）{
$（此）.attr（“已禁用”、“已禁用”）；
var index=$（“表tbody tr:last child”）.index（）；
var行=
'' +
'' +
'' +
'' +
''+行动+''中+
'';
$（“表格”）。追加（第行）；
$（“table tbody tr”）.eq（索引+1）.find（“.add，.edit”）.toggle（）；
$（'[data toggle=“tooltip”]'）。tooltip（）；
});
//单击“添加”按钮上的“添加行”
$（文档）。在（“单击“，”.add“，函数（）上）{
var empty=false；
var input=$（this.parents（“tr”）.find（'input[type=“text”]”）；
input.each（函数（）{
if（！$（this.val（））{
$（this.addClass（“错误”）；
空=真；
}否则{
$（此）.removeClass（“错误”）；
}
});
$（this.parents（“tr”）.find（“.error”）.first（）.focus（）；
如果（！空）{
input.each（函数（）{
$（this.parent（“td”）.html（$（this.val（））；
});
$（this.parents（“tr”）.find（“.add.edit”）.toggle（）；
$（“.add new”）.removeAttr（“禁用”）；
}
});
//单击“编辑”按钮上的“编辑行”
$（文档）。在（“单击“，”.edit“，函数（）上）{
$（this）.parents（“tr”）.find（“td:not（：last child）”）.each（function（）{
$（this.html（“”）；
});
$（this.parents（“tr”）.find（“.add.edit”）.toggle（）；
$（“.add new”）.attr（“已禁用”、“已禁用”）；
});
//单击“删除”按钮删除行
$（文档）。在（“单击“，”.delete“，函数（）上）{
$（this.parents（“tr”）.remove（）；
$（“.add new”）.removeAttr（“禁用”）；
});
});
AB推出
设置
重量（千克）
代表
1.
30
12
；
；
；
2.
30
12
；
；
；
添加集
AB推出
设置
重量（千克）
代表
1.
20
12
；
；
；
2.
15
12
；
；
；
添加集

为了实现这一点，您必须唯一地标识每个表和按钮。最简单的方法是为每个表添加唯一的

id

属性，然后将相同的值添加到相应按钮上的

name

属性

也就是说，如果我们将第一个表称为“table1”，它需要一个等于“table1”的

id

属性。。然后，该表的“添加集”按钮需要有一个

name

属性，该属性也是“table1”。（请记住，我只是使用了值“table1”