JQuery从另一个添加删除行表答案

【问题标题】：JQuery add delete row table from anotherJQuery从另一个添加删除行表
【发布时间】：2017-06-06 15:48:01
【问题描述】：

我有两张表，分别是 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>

我的目标是当我单击添加链接时，该行将从 table2 移动到 table1，添加链接变为删除链接，重新排序 table1 和 table2。当我点击 table1 上的删除链接时，该行将从 table1 移动到 table 2，重新排序 table1 和 table2。

如何使用 JQuery 实现它？

【问题讨论】：

+1 @womp - 我们需要先看看你做了什么。

标签： jquery html-table row

【解决方案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/

【讨论】：