如何使用jQuery动态地向表添加新行？

Question

我对那些jQuery人有疑问。我试图做某事，但它不会去。我有一张这样的桌子：

<table cellpadding="1" cellspacing="0"> <tbody> <tr> <td>[fields]</td> </tr> </tbody> </table>

在每行的末尾是一个图像，用于在其后添加新行。因此，如果我单击第3行中的图像，将在第4位添加新行。不仅如此，而且数据应该是动态的。我的意思是，当添加新行时，应该更新该行后面的行索引。因此，如果我在第4位添加一行，那么之前的第4行现在应该是第5行。我想你明白了。

谢谢！

Answer 1

您可以使用$.closest()和$.after()添加点击行之后的行，如下所示：

$(this).closest('tr').after('<td>...</td>');

要获取当前行的值，您可以使用以下内容：

var rowIndex = $(this).closest('tr').prevAll().length;

我构建了一个小提琴here，以展示他们如何共同努力来完成你想要的东西。

祝你好运！