How to add value dynamically in table cell using jQuery?

Question

For example I have an table filled with values

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

Actually I need to fill serial no to each row dynamically using jQuery.

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

I need the output should be:

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

Please help me to solve this problem.

Anik Islam Abhi · Accepted Answer · 2015-10-25 05:20:15Z

2

If you wanna replace first td , you can use :first-child

Try like this

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

edited Oct 25, 2015 at 5:20

answered Oct 25, 2015 at 5:13

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add value dynamically in table cell using jQuery?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related