Question

我从表中克隆了一行，我想通过单击删除按钮来删除最后克隆的行。

这是我的剧本

$("#btnAddMoreUser").on("click",function(){
    var newClass='newClass';
    var $tableBody = $('#tblAddUser').find("tbody"),
        $trLast = $tableBody.find("tr:last"),
        $trNew = $trLast.clone().addClass(newClass);
        $trLast.after($trNew);
 });   

$(".tr_clone_remove").on("click",function(){ //Once remove button is clicked
    $(".newClass:last").remove(); //Remove field html
    x--; //Decrement field counter
});

下面是我的小提琴

https://jsfiddle.net/7nr3gc2t/

Answer 1

您需要使用事件委托将事件附加到动态添加的元素。

此外，您的代码每次都删除匹配集中的第一行。您应使用最接近遍历最接近的行，然后将其删除：

$('#tblAddUser').on("click",".tr_clone_remove",function(){ //Once remove button is clicked
   $(this).closest(".newClass").remove(); //Remove field html
  x--; //Decrement field counter
});

Working Demo

如何从表中正确删除动态克隆的行

1 个答案: