如何避免選擇重複的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} 
     } 
    }); 
});