如何使用jquery在表中克隆tr
页面上有很多表格。 我想在一个tr
之后添加包含现有数据的新行。 所以我有一个表:
... ...
[add]
当我点击[add]
,我想添加一个带有现有th
和td
元素的新tr
。 我找到了最后一张表:
$('#add-tr').on('click',function(){ $(this).prev('table')...; });
(用hide()函数检查)下一步做什么? 尝试:
$(this).prev('table').closest('tr').clone();
但没效果!
我在stackoverflow的第一个问题! 所以不要太苛刻,谢谢!
你真的很接近,只需要使用.find()而不是.closest()来选择内部的tr,然后选择.appendTo()的位置:
$('#add-tr').on('click',function(){ $(this).prev('table').find('tr').first().clone().appendTo('table'); });
您应该使用find
或children
方法并追加行, closest
方法选择最接近该元素的父级。
var $table = $(this).prev('table'); $table.find('tr:first').clone().appendTo($table);
我认为你克隆了它,但现在你需要实际附加它:
var myRow = $(this).prev('table').closest('tr').clone(); $(this).prev('table').closest('tr').append(myRow);
或类似的