克隆最近的表格行

katie hudson 发表于 Dev

凯蒂·哈德森（Katie Hudson）

我最近问了这个问题

从那时起，我发现我想做的事行不通。这是因为该表是由for循环生成的，其id每次都会递增。因此，我需要修改一些东西，以便它也应该为该表添加行。我已经更新了小提琴以显示带有两个表JSFiddle的示例

基本上，我现在要这样做

$(function() {
    $(".addCF").click(function(){
       var clone = $(this).closest('tr').clone(true).insertAfter($(this).closest('tr'));
    });
    $("#customFields").on('click','.remCF',function(){
        $(this).parent().parent().remove();
    });
});

我可以使用前面的示例自己完成克隆行的名称和标签。我的主要问题是我不想克隆整个行。目前，它正在克隆

<tr>
    <td><label class="subjectline" for="User1">User NOC M1</label></td>
    <td id="slLabel">SL_A</td>
    <td id="slInput"><input type="text" name="slOptions[User][NOC M1]" class="form-control" id="User1"></td>
    <td><a class="addCF" href="javascript:void(0);">+ additional user</a></td>
</tr>

我需要它来克隆它，但将第一个td设为空。另外，像最初的问题一样，最后一个td应该是一个关闭按钮

<a href="javascript:void(0);" class="remCF">Remove</a>

是否有可能做到这一点？

谢谢

拉贾普布（Rajabrabhu Aravindasamy）

从克隆tr，

empty其first-child（td）的内容。
将其last-child（td）的html设置为close元素的html，

$(function() {
    $(".addCF").click(function(){
       var clone = $(this).closest('tr').clone(true);
       $("td:first-child", clone).empty();
       $("td:last-child", clone).html('<a href="javascript:void(0);" class="remCF">Remove</a>');
       clone.insertAfter( $(this).closest('tr'));
    });
    $("table.table").on('click','.remCF',function(){
        $(this).parent().parent().remove();
    });
});