页面加载时输入框已有文本，如何触发指定jQuery搜索代码？

你这段代码通过监听输入框的keyup事件实现表格行过滤，但页面加载完成时如果输入框已有预设文本，keyup事件不会自动触发，导致过滤逻辑无法执行。这里提供两种实用的解决办法：

方法一：抽离过滤逻辑为独立函数（推荐） #

把表格过滤的核心逻辑单独封装成函数，既可以绑定到keyup事件，也能在页面加载完成后直接调用。这种方式让代码更易维护，逻辑复用性更强。

修改后的代码如下：

var $rows = $('#table tbody tr');

// 抽离过滤逻辑为独立函数
function filterTableRows() {
  var val = '^(?=.*\\b' + $.trim($(this).val()).split(/\s+/).join('\\b)(?=.*\\b') + ').*$',
    reg = RegExp(val, 'i'),
    text;

  $rows.show().filter(function() {
    text = $(this).text().replace(/\s+/g, ' ');
    return !reg.test(text);
  }).hide();
}

// 绑定keyup事件
$('#search').keyup(filterTableRows);

// 页面加载完成后执行一次过滤
$(document).ready(function() {
  filterTableRows.call($('#search')[0]); // 用call指定this指向输入框元素
});

方法二：直接触发keyup事件（简单快捷） #

如果不想大幅改动现有代码，也可以在页面加载完成后手动触发输入框的keyup事件，让绑定的逻辑自动执行：

var $rows = $('#table tbody tr');
$('#search').keyup(function() {
  var val = '^(?=.*\\b' + $.trim($(this).val()).split(/\s+/).join('\\b)(?=.*\\b') + ').*$',
    reg = RegExp(val, 'i'),
    text;

  $rows.show().filter(function() {
    text = $(this).text().replace(/\s+/g, ' ');
    return !reg.test(text);
  }).hide();
});

// 页面加载后触发keyup事件
$(document).ready(function() {
  $('#search').keyup();
});

两种方法都能实现需求，方法一更推荐——后续如果需要修改过滤逻辑，只需改动filterTableRows函数即可，无需在多处调整代码。

内容的提问来源于stack exchange，提问作者John Higgins