如何使用jQuery在表格单元格中动态添加值？

Question

例如，我有一个填充值的表

-----------------------------------------
S.No   |   Name      |       Address
-----------------------------------------
       |  Dinesh     |       Salem
-----------------------------------------
       |  Senthil    |       Chennai
-----------------------------------------
       |  Sundar     |       Namakkal
-----------------------------------------

实际上我需要使用jQuery动态地将serial no填充到每一行。

var i = 1;
$('#tbl td').each(function() {
    $(this).append(i);
    i++;
});

我需要的输出应该是：

-----------------------------------------
S.No    |   Name      |       Address
-----------------------------------------
   1    |  Dinesh     |       Salem
-----------------------------------------
   2    |  Senthil    |       Chennai
-----------------------------------------
   3    |  Sundar     |       Namakkal
-----------------------------------------

请帮我解决这个问题。

Answer 1

如果您想要替换第一个td，可以使用:first-child

试试这个

var i=1;
$('#tbl td:first-child').each(function() {
    $(this).html(i);
    i++;
});