如何避免选择重复的 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'); 
}):

现在，当我尝试从 table2 中删除该附加行时...我必须删除“完成”类 这是我添加到 table1 的 '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}
        }
    });
});