Home/ Questions/Q 6628723
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T22:09:30+00:00

How can I count the table rows that is added dynamically with jQuery? I

  • 0

How can I count the table rows that is added dynamically with jQuery?

I have tried with $('#mytbody').children().length; but it doesn’t work with rows that are added dynamically.

Here is my code, also runnable in JsFiddle

<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.6.2.min.js">
<script>
$(function() {
    $('#add').bind('click', function() {
        $('#mytbody').after('<tr><td>'+ new Date() +'</td></tr>');
        var count = $('#mytbody').children().length;
        $('#counter').html(count);
    });
});
</script>
</head>
<body>
<button id="add">Add row</button>
<table>
    <tbody id="mytbody">
    </tbody>
</table>
Number of rows: <span id="counter"></span>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You are adding rows outside of tbody.

    Change after to prepend

    will work..

    or change count to var count = $('table tr').length;

    http://jsfiddle.net/H8sBr/442/

    • 0