Javascript 如何使用JQuery删除动态行？

我正在使用一个按钮添加行，该按钮现在正在工作，但我有另一个按钮要删除，并且不工作。 这是我在JS中的代码：

jQuery(document).ready(function () {

    var collectionCount = 0;

    jQuery('#add-another-collection').click(function (e) {
        e.preventDefault();

        var collectionList = jQuery('#collection-fields-list');

        var newWidget = collectionList.attr('data-prototype');

        newWidget = newWidget.replace(/__name__/g, collectionCount);
        collectionCount++;


        var newTr = jQuery('<tr></tr>').html(newWidget);
        newTr.appendTo(collectionList);

    });

    $('.remove-collection').click(function (e) {

        console.log('fdsffdsfds');
        e.preventDefault();
        $(this).parent().remove();

        return false;
    });
})

jQuery（文档）.ready（函数（）{
var collectionCount=0；
jQuery（“#添加另一个集合”）。单击（函数（e）{
e、 预防默认值（）；
var collectionList=jQuery（“#集合字段列表”）；
var newWidget=collectionList.attr（'data-prototype'）；
newWidget=newWidget.replace（/\uuuuuu name\uuuuuu/g，collectionCount）；
collectionCount++；
var newTr=jQuery（“”）.html（newWidget）；
新附录（收集清单）；
});
$（'.remove collection'）。单击（函数（e）{
console.log（'fdsfds'）；
e、 预防默认值（）；
$（this.parent（）.remove（）；
返回false；
});
})

我放了一个console.log来检查我是否正在通过那里，但没有

这是按钮：

<button type="button" class="btn btn-danger remove-collection">Delete</button>

删除

如果将按钮动态添加到DOM中，则必须使用以下单击处理程序：

$(document).on('click', '.remove-collection', function () {

});

---

一排什么？？我猜你指的是HTML表格？请创建一个problem@Liam是的，我正在向HTML表中添加行，并且“添加”按钮起作用，但“删除”按钮起作用not@LucasLeonelAzzollini

.remove collection

按钮是动态添加的集合的一部分吗？或者它是页面加载中的一个按钮？它是一个动态按钮，当您单击“添加另一个集合”时添加@LucasLeonelAzzollini，然后查看（一个副本，附有详细说明）我刚刚编辑了答案，因为我复制了错误的代码，但没有“.”没有看到问题，然后它会点击单击功能：但是，这是一个动态按钮，当您单击“添加-另一个-集合”时添加，它是一个按钮集合，有n行带有此按钮。您没有提到它是在原始问题中动态添加的。查看我的最新答案