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/