1

我有一个表单，可以在提交时向表中添加行：

<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 问题作为模板，我如何捕获这个最新的行？

监听添加的表格行

$('#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.
});

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

4

1 回答 1

1

您可以尝试使用某个类创建新行，例如“.newRow”，在事件中您应该删除此类以准备下一次插入：

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

$('#table_id').bind('rowAddOrRemove', function(event){
   //do what you want.
   $(this).removeClass('.newRow');
});
于 2012-10-10T00:01:52.183 回答