如何使用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;

我在这里构建了一个小提琴，以演示他们如何一起工作来完成你想要的东西。

祝好运！