在Jquery表中追加和删除行

在Jquery表中追加和删除行,jquery,append,Jquery,Append,我用jquery追加表行时遇到了一个问题,我的情况是希望将新行追加到表中的最后一行,追加成功,但新行已追加到边表上,如何修复?我是用这种方法的新手。jsfield中的示例代码,谢谢 var i=1; $(“#添加按钮”)。单击(函数(){ $(“#t tr:first”)。追加(“”)+ “文件”+ ' '+ “X”)。查找(“输入”)。每个(函数(){ }); i++; }); $(文档).on('click','button.removebutton',函数(){ $(this).clos

我用jquery追加表行时遇到了一个问题,我的情况是希望将新行追加到表中的最后一行,追加成功,但新行已追加到边表上,如何修复?我是用这种方法的新手。jsfield中的示例代码,谢谢

var i=1;
$(“#添加按钮”)。单击(函数(){
$(“#t tr:first”)。追加(“”)+
“文件”+
' '+
“X”)。查找(“输入”)。每个(函数(){
});
i++;
});
$(文档).on('click','button.removebutton',函数(){
$(this).closest('tr').remove();
返回false;
});

Id Gor
文件

错误在于,您正在使用$(“#t tr:first”),该块正在获取表#t的第一行(),然后您正在对其进行追加,对该行进行追加,因此实际上您将得到如下结果

<tr><tr></tr><tr></tr><tr></tr></tr>

要完成所需操作,只需从选择器中删除tr:first。下面是您的代码,这个小补丁正在运行

var i=1;
$(“#添加按钮”)。单击(函数(){
$(“#t”)。附加(“”)+
“文件”+
' '+
“X”)。查找(“输入”)。每个(函数(){
});
i++;
});
$(文档).on('click','button.removebutton',函数(){
$(this).closest('tr').remove();
返回false;
});

Id Gor
文件

错误在于,您正在使用$(“#t tr:first”),该块正在获取表#t的第一行(),然后您正在对其进行追加,对该行进行追加,因此实际上您将得到如下结果

<tr><tr></tr><tr></tr><tr></tr></tr>

要完成所需操作,只需从选择器中删除tr:first。下面是您的代码,这个小补丁正在运行

var i=1;
$(“#添加按钮”)。单击(函数(){
$(“#t”)。附加(“”)+
“文件”+
' '+
“X”)。查找(“输入”)。每个(函数(){
});
i++;
});
$(文档).on('click','button.removebutton',函数(){
$(this).closest('tr').remove();
返回false;
});

Id Gor
文件

是否要将新文件输入置于第一个文件输入下?事实上,您并没有将它放在side表中,而是将它放在同一个表的新行上,所以它从右侧显示。是的,我只是想删除jquery中的tr:first。感谢您的信息@readyfreddyy欢迎您。您也可以通过打开Googledev控制台来检查这一点,并在脚本之后自己查看html代码。很好的编码。我如何看到谷歌开发控制台?我会学习的@ReadyFreddy当您在页面上时,按Ctrl+Shift+J。在顶部菜单上,console显示客户端问题,如javascript问题,元素显示html代码,它是动态的。这意味着当您运行脚本时,它会随之更改,以便您可以在脚本之后查看html代码。对于测试,您可以使用此代码查看它不是将其添加到另一个表中,而是添加到另一行中。是否要将新文件输入放在第一个文件输入下?事实上,您并没有将它放在side表中,而是将它放在同一个表的新行上,所以它从右侧显示。是的,我只是想删除jquery中的tr:first。感谢您的信息@readyfreddyy欢迎您。您也可以通过打开Googledev控制台来检查这一点,并在脚本之后自己查看html代码。很好的编码。我如何看到谷歌开发控制台?我会学习的@ReadyFreddy当您在页面上时,按Ctrl+Shift+J。在顶部菜单上,console显示客户端问题,如javascript问题,元素显示html代码,它是动态的。这意味着当您运行脚本时,它会随之更改,以便您可以在脚本之后查看html代码。对于测试,您可以使用此代码查看它是否没有添加到另一个表,而是添加到另一行。啊,让我感到困惑,解决方案只是删除tr:first,非常感谢:)@Garyah,让我感到困惑,解决方案只是删除tr:first,非常感谢:)@Gary