JQuery从另一个表中添加删除行表

Question

我有两个带有FIRST和SECOND ID的表。

<TABLE ID="FIRST"> 
<TR> 
<TD></TD> 
<TD></TD> 
<TD></TD 
</TR> 
</TABLE> 

<TABLE ID="SECOND"> 
<TR> 
<TD>1</TD> 
<TD>First Value</TD> 
<TD><A HREF="#">Add</A></TD> 
</TR> 
<TR> 
<TD>2</TD> 
<TD>Second Value</TD> 
<TD><A HREF="#">Add</A></TD> 
</TR> 
<TR> 
<TD>...</TD> 
<TD>...</TD> 
<TD><A HREF="#">Add</A></TD> 
</TR> 
</TABLE> 

我的目标是当我点击添加链接，该行将移动从表2至表1与添加的链接变得删除链接，重新排序Table 1和表2。 当我点击删除表1上的链接时，该行将从表1移动到表2，重新排序表1和表2。

我该如何使用JQuery来实现它？

Answer 1

这会为你做的：

$(function() { 
    function moveRow(row, targetTable, newLinkText){ 
     $(row) 
      .appendTo(targetTable) 
      .find("A") 
       .text(newLinkText); 
    } 

    $("#FIRST A").live("click", function(){ 
     moveRow($(this).parents("tr"), $("#SECOND"), "Add"); 
    }); 

    $("#SECOND A").live("click", function(){ 
     moveRow($(this).parents("tr"), $("#FIRST"), "Delete"); 
    }); 
});​ 

http://jsfiddle.net/UxRVa/1/

要排序表，使用类似： http://tablesorter.com/docs/