Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何克隆和删除每行中的一行_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何克隆和删除每行中的一行

Javascript 如何克隆和删除每行中的一行,javascript,jquery,html,Javascript,Jquery,Html,我可以克隆第一行和最后一行,但我不能克隆第2行、第3行、第4行等等,因此如何将这些行作为目标分别克隆和删除它们 现在我不得不写垃圾,所以我可以发布我的任何东西,因为我的代码太多了,真的,男人们,来吧,这不是esayflow,是XD吗 $('button[name=add]')。在('click',function()上{ var cloned=$('#表1 tr:last')。clone(true); $('#表1')。追加(克隆); }) 1. 2. 3. 4. 5. 2. A. B C

我可以克隆第一行和最后一行,但我不能克隆第2行、第3行、第4行等等,因此如何将这些行作为目标分别克隆和删除它们

现在我不得不写垃圾,所以我可以发布我的任何东西,因为我的代码太多了,真的,男人们,来吧,这不是esayflow,是XD吗

$('button[name=add]')。在('click',function()上{
var cloned=$('#表1 tr:last')。clone(true);
$('#表1')。追加(克隆);
})

1.
2.
3.
4.
5.
2.
A.
B
C
D
E
...
+
-
3.
1.
2.
3.
4.
5.
...
+
-

您需要克隆您单击的按钮所在的
tr
。 在代码中,仅指定要克隆的最后一行

因此,要克隆任何其他行,请使用jQuery
.closest()


如果克隆无法正常工作,请使用“outerHTML”并将其附加到最近的“tbody”中

详情如下:

$('button[name=add]').on('click', function() {

  var cloned = $(this).closest('tr')[0].outerHTML;

  $(this).closest('tbody').append(cloned);

});
要删除行,请执行以下操作:

$('button[name=minus]').on('click', function() {

  $(this).closest('tr').remove();

});
使用
closest()
克隆并删除最近的tr

$('button[name=add]')。在('click',function()上{
var cloned=$(this).clonest('tr').clone(true);
$('表1 t正文tr:last')。之后(克隆);
})
$('button[name=erase]')。在('click',function()上{
$(this).tr.remove();
})

1.
2.
3.
4.
5.
1.
A.
B
C
D
E
...
+
-
使用remove()函数删除目标。
$('button[name=add]')。在('click',function()上{
var cloned=$(this).clonest('tr').clone(true);
$('#表1')。追加(克隆);
})
$('button[name=erase]')。在('click',function()上{
$(this).closest('tr').remove();
});

1.
2.
3.
4.
5.
2.
A.
B
C
D
E
...
+
-
3.
1.
2.
3.
4.
5.
...
+
-

如果表中有“tfoot”,那么“$(“#table1 tr:last”).after(cloned);”将在tfoot中而不是在tbody中附加行。在这种情况下,我们可以使用此
table1 tbody tr:last
,修改了我的代码,希望它现在可以工作:)谢谢大家花时间回答我一直在玩你的answes并得到了这个问题,我很接近我想要的,就是把这一排放在下面,而不是旁边,如果你们知道怎么做的话
$('button[name=minus]').on('click', function() {

  $(this).closest('tr').remove();

});