Javascript 如何克隆和删除每行中的一行
我可以克隆第一行和最后一行,但我不能克隆第2行、第3行、第4行等等,因此如何将这些行作为目标分别克隆和删除它们 现在我不得不写垃圾,所以我可以发布我的任何东西,因为我的代码太多了,真的,男人们,来吧,这不是esayflow,是XD吗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
$('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();
});