如何避免选择重复的html行克隆使用jquery

Question

在点击表1的'td'后，我将该行的一些单元格追加到另一个表（表2），而无需从表1移动/更改该行。

我们避免我从表1 类添加到“TD”像这种

$(".table1 td:first-child + td").click(function(){ 

    $("#table2").append('<tr><td>clicked TD value from table 1</td> more td's</tr>'); 
    $(this).addClass('done'); 
}): 

现在，当我试图从表2删除附加行重复......我不得不删除班'完成' 这是我添加到表1的cliked'td'。

如何做到这一点??除了添加类以外，是否还有其他方法可以做到这一点（避免重复）？

这是fiddle。

请帮忙。 感谢

Answer 1

这里是你的代码

小提琴HERE

$(function() { 
    $("#selections tbody").on('click', function (e) { 
     var $td = $(e.target); 
     if ($td.prevAll('td').length === 1) { 
       var $destiny = $('#destiny'), 
           // Any row in destiny that would be a clone of the current clicked td's row 
      // You may want to put an id to make sure it is uniq 
       $trDestiny = $('tr[rel="' + $td.text() + '"]', $destiny); 
       // ... 
      if (!$trDestiny.length) { 
       // Insert new row ... 
      } 
      // else {error handling here} 
     } 
    }); 
});