javascript - 页面加载后对元素进行一次计数

Question

我目前正在将一个值从 search.php 传递到 filtering.php。我正在使用 $_GET 来实现这一点。在 filtering.php 页面中，我有一个表格，可以根据输入文本框中键入的单词自动过滤。我在 URL 中传递值，例如:http://holaweblearning.co.nf/php_learning/filtering.php?key=Dragoo。获取 URL 中的值并将其放置在输入文本框中，然后显示结果。我能够运行一个函数来根据单词计算过滤结果。问题:结果计数已关闭，它最初显示正确的值，但单击结果后它会添加 1？ DEMO

$(document).ready(function($) {

//Trigger key up on search box to show results for word
$('input#filter').trigger('keyup');

//Counts Results
function result_count(){
      var text =  $('.footable tbody tr:not(.footable-filtered)').length;
      $('h5#result_count').text('Number of Results: '+text);
    }
result_count();

//Run on page load
window.setInterval(result_count, 100);

});

Answer 1

当您点击结果时，会添加一个新行，如下所示，并且由于此类行未排除在计数中，因此您的计数将增加 1。

<tr class="footable-row-detail"><td class="footable-row-detail-cell" colspan="3"><div class="footable-row-detail-inner"><div class="footable-row-detail-row"><div class="footable-row-detail-name">Job Title:</div><div class="footable-row-detail-value">Traffic Court Referee</div></div><div class="footable-row-detail-row"><div class="footable-row-detail-name">DOB:</div><div class="footable-row-detail-value">22 Jun 1972</div></div></div></td></tr>

也许你的功能应该是:

function result_count(){
      var text =  $('.footable tbody tr:not(.footable-filtered,.footable-row-detail)').length;
      $('h5#result_count').text('Number of Results: '+text);
}

这样就不算这一行。