Javascript 计数<；tr>；在表中使用jquery

我只想数一数行数

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

$（函数（）{
$（'#add'）.bind（'click'，function（）{
$（'#mytbody'）。在（''+新日期（）+''）之后；
变量计数=$（'#mytbody'）.children（）.length；
$（'#counter'）.html（计数）；
});
});

我找到了这个

这不管用

我就是不能让它工作。

---

帮助？

脚本错误，请使用

append（）

：

$（函数（）{
$（'#add'）.bind（'click'，function（）{
$（“#mytbody”）.append（“”+新日期（）+“”）；
变量计数=$（“#mytbody”）.children（'tr'）.length；
$（'#counter'）.html（计数）；
});
});

---

演示：脚本错误，请使用

append（）

：

$（函数（）{
$（'#add'）.bind（'click'，function（）{
$（“#mytbody”）.append（“”+新日期（）+“”）；
变量计数=$（“#mytbody”）.children（'tr'）.length；
$（'#counter'）.html（计数）；
});
});

演示：您没有

.append（）

新建

节点，而是将它们插入到表体之后。使用

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

$（'#mytbody'）.append（''+新日期（）+''）；

相反。

您没有

.append（）

新建

节点，而是将它们插入到表体之后。使用

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

$（'#mytbody'）.append（''+新日期（）+''）；

相反。

试试这个：

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

$（'#添加'）。单击（函数（）{
$（“#mytbody”）.append（“”+新日期（）+“”）；
变量计数=$（'#mytbody>TR'）。长度；
$（'#counter'）.html（计数）；
});

试试这个：

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

$（'#添加'）。单击（函数（）{
$（“#mytbody”）.append（“”+新日期（）+“”）；
变量计数=$（'#mytbody>TR'）。长度；
$（'#counter'）.html（计数）；
});

试试这个

$（'add'）.bind（'click'，函数（）{
$（“#mytbody”）.append（“”+新日期（）+“”）；
变量计数=$（'#mytbody tr'）。长度；
$（'#counter'）.html（计数）；
});

您可以简单地使用

$（“#mytbody tr”）.length

，但您还必须使用

append

，而不是

after

试试这个

$（'add'）.bind（'click'，函数（）{
$（“#mytbody”）.append（“”+新日期（）+“”）；
变量计数=$（'#mytbody tr'）。长度；
$（'#counter'）.html（计数）；
});

---

您可以简单地使用

$（“#mytbody tr”）.length

，但您还必须使用

append

而不是

after

来使用纯js获取

tr

计数

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

---

使用纯js获取

tr

计数

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

因为您使用的是after（），所以代码将tr添加到#mytbody之后

它总是返回0

因此，请尝试使用append（）而不是after（）

因为您使用的是after（），所以代码将tr添加到#mytbody之后

它总是返回0

因此，请尝试使用append（）而不是after（）

---

更正了您的JS代码

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

$（函数（）{
$（'#add'）.bind（'click'，function（）{
$（“#mytbody”）.append（“”+新日期（）+“”）；
变量计数=$（'#mytbody tr'）。长度；
$（'#counter'）.html（计数）；
});
});

使用

append

在

将行数计数为

$（'#mytbody tr'）。长度

---

修正了你的JS代码

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

$（函数（）{
$（'#add'）.bind（'click'，function（）{
$（“#mytbody”）.append（“”+新日期（）+“”）；
变量计数=$（'#mytbody tr'）。长度；
$（'#counter'）.html（计数）；
});
});

使用

append

在

将行数计数为

$（'#mytbody tr'）。长度

---

看看这个。你的代码错了。你应该使用

append

而不是

after

。对于postI-fix我的答案，标题有点混乱，请看一下。你的代码错了。你应该使用

append

而不是

after

。标题对于帖子来说有点混乱。请看一看我的答案。否决投票的原因是什么？脚本错误。：）一旦你纠正你的答案，我将取消否决票。@PraveenKumar，我不明白。怎么了？问题是错的。问题中的脚本是错误的。请参阅我的和其他人的答案。：）我可以说“太阳从东方升起”。是的。你会投反对票吗？同样的原因！有没有否决投票的理由？剧本错了。：）一旦你纠正你的答案，我将取消否决票。@PraveenKumar，我不明白。怎么了？问题是错的。问题中的脚本是错误的。请参阅我的和其他人的答案。：）我可以说“太阳从东方升起”。是的。你会投反对票吗？同样的原因！事实上，不正确，但有效。所以取消了否决票。事实上，不是正确的，但有效。因此取消了否决票。