javascript - 表中jquery搜索功能的性能很慢

Question

我有一个 jQuery 函数来搜索表格行。目前我有大约 2000 多行，但它只会增长。即使我单击输入标签，浏览器也会冻结，然后搜索所有行也很痛苦。这是我使用的代码：

$(".filter-input").each(function() {
  var $filter = $(this);
  $filter.on("change keydown keyup keypress", function() {
    setTimeout(function() {
      var $tbodies = $searchtable.find("tbody");
      var value = $filter.val();

      $tbodies.each(function() {
        var $tbody = $(this);
        if (filterfunction($tbody, value))
          $tbody.show();
        else
          $tbody.hide();
      });
    }, 1);
  });
});

是这里.filter-input的输入标签。

在我的高端 PC 上，我并没有真正面临这个问题，但这个问题在普通设备上非常普遍。所以我的问题是如何优化这段代码，甚至更好地在 JS 中搜索大量行的最佳方法是什么。

标签： javascriptjquery