Question

10

Count number of < tr> in table using jquery

rated 0 times [ 13] [ 3] / answers: 1 / hits: 76874 / 12 Years ago, tue, february 26, 2013, 12:00:00

I just want to count the number of rows,

   <button id=add>Add row</button>

<table>

    <tbody id=mytbody>

    </tbody>

</table>

Number of rows: <span id=counter></span>

Javascript:

$(function() {

    $('#add').bind('click', function() {

        $('#mytbody').after('<tr><td>'+ new Date() +'</td></tr>');

        var count = $('#mytbody').children().length;

        $('#counter').html(count);

    });

});

I found this jQuery: count number of rows in a table

and this doesn't works http://jsfiddle.net/H8sBr/

I just don't get it working.
help?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

destiniemartinac

Add To Favorites

Follow

Total Points: 92

Total Questions: 106

Total Answers: 111

Location: Cyprus

Member since Mon, Oct 24, 2022

2 Years ago

destiniemartinac questions

1 How to get Element by XPATH in JavaScript?

Thu, Oct 28, 21, 00:00, 3 Years ago

1 Trying to make input box appear from button click - Javascript

Tue, Sep 21, 21, 00:00, 3 Years ago

1 how to convert JSON into multipart/form-data

Sat, Mar 13, 21, 00:00, 3 Years ago

1 How can I create a button that increments a counter when clicked?

Thu, Jun 4, 20, 00:00, 4 Years ago

1 How to change the text color in TextInput?

Wed, May 20, 20, 00:00, 4 Years ago

View All

answered 12 Years ago jericho · Accepted Answer

The script is wrong, use append():

$(function() {

    $('#add').bind('click', function() {

        $('#mytbody').append('<tr><td>'+ new Date() +'</td></tr>');

        var count = $('#mytbody').children('tr').length;

        $('#counter').html(count);

    });

});

Count number of < tr> in table using jquery

Answers

Demo: http://jsfiddle.net/praveenscience/H8sBr/115/

destiniemartinac