使用jquery计算表中的<tr>的数量

Question

我只想计算行数,

   <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);
    });
});

我发现这个jQuery:计算表中的行数

这不起作用http://jsfiddle.net/H8sBr/

我只是没有让它工作.救命？

Answer 1

脚本错了,使用append():

$(function() {
    $('#add').bind('click', function() {
        $('#mytbody').append('<tr><td>'+ new Date() +'</td></tr>');
        var count = $('#mytbody').children('tr').length;
        $('#counter').html(count);
    });
});

演示:http://jsfiddle.net/praveenscience/H8sBr/115/

Answer 2

使用纯js 获取tr 计数 ;

var count = document.getElementById("mytbody").getElementsByTagName("tr").length;

JS小提琴演示