实时jQuery表行数

Question

我有一个通过jQuery动态更改的表（可以搜索，如果满足搜索条件，它将删除不匹配的行）

我想要的是使用的行数：

var rowCount = $("#table tr").length - 1;
$('a#rowcount').click(function() {
alert(rowCount);
});

但是如果我进行搜索并且<tr>从30说到4个匹配的结果，则点击行数仍会显示30。

有没有办法让行计数动态？

Answer 1

尝试以下方法：

$('a#rowcount').click(function() {
  alert($("#table tr").length - 1);
});

您的rowCount变量的范围在click函数之外，因此永远不会更新。

See here for jsFiddle

Answer 2

功能：

$('a#rowcount').click(function() {
    alert(rowCount);
});

不适用于动态加载的元素。如果您希望每次单击rowcount链接时重新计算rowCount，则应在函数内部进行计算。如果表中的行数随ajax动态变化，则需要使用on（）来计算新添加的行：

$(document).on('click', 'a#rowcount', function()
{
   var rowCount = $("#table tr").length - 1;
   alert(rowCount);
});