javascript - 使用 jQuery 动态添加表并在其中动态添加行

Question

我在动态添加表格和动态添加行时遇到了问题。这是我尝试过的:https://jsfiddle.net/753ynxn3/ `

$(document).on('click', "#add_row" + j, function() {
     $(this).siblings('.appendHere').children('table').children('tbody').children('#addr' + j).html("<td>" + (j + 1) + "</td><td><input type='text' name='attribute0'  placeholder='Attribute' class='form-control'/></td><td><input type='text' name='productId0' placeholder='Product Id' class='form-control'/></td>");
      $(this).siblings('.appendHere').children('table').children('tbody').append('<tr id="addr' + (j + 1) + '"></tr>');
      j++;
    });

当我添加第 3 个表并单击卡在该表中的添加行时，它用于添加表。

Answer 1

问题是，当您每次单击添加行按钮时，j 的值都会递增和变化，另一方面，当您单击添加表时，j 的值不会为新表重置。我们需要重置变量 j 的值。这是您更新的 fiddle :https://jsfiddle.net/j2mkL0qp/

我已经完成了这个主要更新:

 j = parseInt($(this).siblings('.appendHere').children('table').children('tbody').children('tr:nth-last-child(2)').children('td:first-child').text())