搜索查询后删除页码

Question

经过一些搜索查询后，我想在 Bootstrap 分页中删除分页编号。 工作示例在这里：JSFIDDLE

var $rows = $('#employeesTable.table tr.tableBody');
$('#employeeSearchBox').bind('keydown keypress keyup change', function () {
    var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();
    $rows.show().filter(function () {
        var firstName = $(this).find('.employeesFirstName').text().replace(/\s+/g, ' ').toLowerCase();
        var lastName = $(this).find('.employeesLastName').text().replace(/\s+/g, ' ').toLowerCase();
        var firstAndLastName = firstName.concat(" "+lastName);
        var lastAndFirstName = lastName.concat(" "+firstName);
        return !~lastName.indexOf(val) & !~firstName.indexOf(val) & !~firstAndLastName.indexOf(val) & !~lastAndFirstName.indexOf(val); 
    }).hide();    
    $table.find("tbody tr[style='display: table-row;']").hide().slice(currentPage * numPerPage, (currentPage + 1) * numPerPage).show();
});

我进行了搜索查询以使用名字和姓氏进行过滤。我的表格只显示表格中第一页的 5 行，但是当我在搜索字段中删除查询文本时，它显示表格中的所有行和分页保持不变。我想解决这个问题，但我被这段代码困住了。

有人知道如何解决这个问题吗？我不想为此使用 dataTable.js。

编辑： 我可以添加这样的东西，它也可以工作。 示例在这里：JSFIDDLE

Answer 1

过滤后点击active page就可以了，

$('#employeeSearchBox').bind('keydown keypress keyup change', function () {

    var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();

    $rows.show().filter(function () {
        var firstName = $(this).find('.employeesFirstName').text().replace(/\s+/g, ' ').toLowerCase();
        var lastName = $(this).find('.employeesLastName').text().replace(/\s+/g, ' ').toLowerCase();
        var firstAndLastName = firstName.concat(" " + lastName);
        var lastAndFirstName = lastName.concat(" " + firstName);
        $(".active").click(); < -----here
        return !~lastName.indexOf(val) & !~firstName.indexOf(val) & !~firstAndLastName.indexOf(val) & !~lastAndFirstName.indexOf(val);
    }).hide();
});

Fiddle