Question

我无法删除表中动态生成的行。我搜索了互联网，但找不到任何合适的解决方案来解决我的问题。我正在分享我到目前为止所做的事情：

$("#AddMore").click(function () {
    $("#maintable").each(function () {
        var tds = '<tr>';
        jQuery.each($('tr:last td', this), function () {
            tds += '<td>' + $(this).html() + '</td>';
        });
        tds += '</tr>';
        if ($('tbody', this).length > 0) {
            $('tbody', this).append(tds);
        } else {
            $(this).append(tds);
        }
    });
});
$("#maintable").on('click', "#deleteRow", function () {
    $("#deleteRow").closest('tr').remove();
});

此脚本只是添加行但我无法删除该行。我使用了jQuery删除功能，但没有得到任何结果。请指导我

Answer 1

首先使用类而不是是，因为id必须是唯一的，然后执行以下操作：

$("#maintable").on('click', ".deleteRow", function () {
    $(this).closest('tr').remove();
});

Answer 2

您可能想要更改

$("#deleteRow").closest('tr').remove();

到

$(this).closest('tr').remove();

使用jquery添加删除表行

2 个答案: