Question

我在同一页面有2个不同的表格。 2表具有动态添加和功能的功能。删除行。

当我从第二个表中删除动态添加的行时，它会影响表1。

第二个表中的

sr. no列，当我从第二个表中删除行时，它会在第一个表中显示sr. nos。但是表格中没有sr列。

$(document).on('click', '.del', function() {
    var index = $(this).closest('tr').index();
    $(this).parent().parent().remove();
    for(var i=index; i<$('table tbody tr').children().length; i++){

        $('table tbody tr:nth-child(' + i + ') td:first-child').text(i);
    }
    // more code in fiddle
 });

see this fiddle

Answer 1

使用以下代码

$('#potable tbody tr:nth-child(' + i + ') td:first-child').text(i); //change

而不是

$('table tbody tr:nth-child(' + i + ') td:first-child').text(i);

您的代码无效的原因是因为您依赖于选择器＆＃39; table＆＃39;这两个表格都是正确的，你正在检查第一个孩子，以便影响第一个孩子，即第一个孩子的第一个孩子，如果你依赖于特定的ID＆＃39;＃potable＆＃39;它只影响第二个表nth-child（x）将带来第二个表的第x个子。

动态添加＆amp;删除行

1 个答案: