Число строк таблицы в реальном времени 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 была ограничена пределами функции щелчка, поэтому она никогда не будет обновлена.

См. Здесь 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);
});