Как добавить значение динамически в ячейку таблицы с помощью jquery?

Question

Для примера я таблица заполнена значениями

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

На самом деле мне нужно заполнить serial no к каждой строке динамически с помощью JQuery.

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

Если вы хотите заменить первый тд, вы можете использовать :first-child

Попробуйте как этот

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