jQuery：克隆表中的最新行 - 不是最后一行，最新

Question

我有一个在提交时向表格添加行的表单：

<form id="scan_form" name="scan_form" method="post" action="/cgi-bin/app/app.pl" onsubmit="return checkout('f00b@r');">

旁注
想要在不“干扰”其现有功能的情况下添加/追加提交功能如下：

$("#scan_form").submit(function() {
    //clone row and add to hidden table.
});

当它添加一行时，我希望它将同一行添加到不同的隐藏表中以进行打印。

我在想我需要以某种方式将一个函数绑定到将同一行添加到另一个表但被卡住的表。使用下面的 SO 问题作为模板，我如何捕获这一最新行？

Listen for added table rows

$('#table_id').bind('rowAddOrRemove', function(event){
    //do what you want.
});

表格按字母顺序排序，因此最新的行不一定是最后一行。

更新
尝试这个想法：

第 1 步：将所有现有行的 id 设置为 'oldRow'

$( '#loanTable tr' ).attr("id", "oldRow");

第 2 步：克隆上面的表：

var lbl = $("#loanTable tbody");
var newLbl = $(lbl[0].outerHTML);

第 3 步：删除 id 为 'oldRow' 的行

$(".oldRow", newLbl).remove();

如您所料，它删除了所有内容。如何连接这些点？

更新 2
如何执行以下操作？

$('#table_id').bind('rowAddOrRemove', function(event){
        //add attribute print to 'this' row.
});

想要标记添加到表中的新行。

Answer 1

您可以尝试使用某个类创建新行，例如“.newRow”，这样您就应该删除该类以便为下一次插入做好准备：

$('#table_id .newRow').trigger('rowAddOrRemove');

$('#table_id').bind('rowAddOrRemove', function(event){
   //do what you want.
   $(this).removeClass('.newRow');
});