How to increment a value of the table cells?

Question

I can't understand how to increment a value of the table cells like: 1,2,3 etc?

My code:

$('#table').each(function(i){
    $(this).find('td:nth-child(1)').text(i);
});

Please, look at the full example .

Answer 1

I think this is what you want:

var i = 1;
$('#table').find('td:nth-child(1)').each(function()
                                         {
                                             $(this).text(i++);
                                         });

Or simpler :

$('#table').find('td:nth-child(1)').each(function(i)
                                         {
                                             $(this).text(i + 1);
                                         });

Answer 2

$('#table tr td:first-child').each(function(i){
    $(this).text(i+1);
});