jquery - 如何避免选择重复的 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' 中的类'done'。

这个怎么做？？除了添加类之外，还有其他方法（避免重复）吗？

这是小提琴。

请帮忙。谢谢

Answer 1

这是您的代码的深度修订

小提琴在这里

$(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}
        }
    });
});