Javascript 在表中添加行和td元素以及复选框

我有下面的表结构

<form method=POST  class='form leftLabels'>
<table >
<tr >
<th >Code:</th>
<td ><input type='text' name='f[id]'  size='60'  value='10'  /></td>
</tr>
<tr ><th >Name:</th>
<td ><input type='text' name='f[name]'  size='60'  value='Aa'  /></td>
</tr>
// <<<< Here I would like to add a row
<tr >
<td  class=' nogrid buttonsClass'><button type=submit>Save</button>
</td>
</tr>
</table>
</form>

它确实找到了正确的行，在该行之后应该进行插入，但代码不起作用。

after（）

在目标元素之后添加新内容，但在目标元素之外

tr

需要在表中。此外，您需要将

td

附加到

tr

，而不是表中

要将新的

tr

放置在目标位置，可以在表中选择最后一个

tr

，然后使用

insertBefore（）

，如下所示：

let$newRow=$（''）.insertBefore（'table tr:last'）；
$（“删除记录？”）.appendTo（$newRow）；
$（''）。附录（$newRow）

代码：
姓名：
拯救
after（）
将新内容添加到目标元素之后，但在目标元素之外
tr
需要在表中。此外，您需要将
td
附加到
tr
，而不是表中

要将新的
tr
放置在目标位置，可以在表中选择最后一个
tr
，然后使用
insertBefore（）
，如下所示：


let$newRow=$（''）.insertBefore（'table tr:last'）；
$（“删除记录？”）.appendTo（$newRow）；
$（''）。附录（$newRow）

代码：
姓名：
拯救
找到要添加内容的行的一种方法是：

 var tr = $("th").filter(function () {
                return $(this).text() == "Name:";
            }).closest("tr");

然后添加行：

$(tr).after("<tr><th> Delete the record?</th><td><input type='checkbox' name='delete' value=1></td></tr>");

$（tr）.之后（“删除记录？”）；


$（文档）.ready（函数（）{
var tr=$（“th”）.filter（函数（）{
返回$（this.text（）=“Name:”；
}).最近的（“tr”）；
$（tr）.after（“删除记录？”+
"" +
"");
});

代码：
姓名：
拯救
找到要添加内容的行的一种方法是：

 var tr = $("th").filter(function () {
                return $(this).text() == "Name:";
            }).closest("tr");

然后添加行：

$(tr).after("<tr><th> Delete the record?</th><td><input type='checkbox' name='delete' value=1></td></tr>");

$（tr）.之后（“删除记录？”）；


$（文档）.ready（函数（）{
var tr=$（“th”）.filter（函数（）{
返回$（this.text（）=“Name:”；
}).最近的（“tr”）；
$（tr）.after（“删除记录？”+
"" +
"");
});

代码：
姓名：
拯救