JQuery筛选器未筛选所有记录

Question

我在代码中使用了j查询过滤器来搜索由employee information.There组成的12页记录。

它在当前页面上运行良好，但如果您搜索位于第2页的记录，则它不会进行搜索。我使用以下代码来搜索记录，

 (function ($) {

        $('#search').keyup(function () {

            var rex = new RegExp($(this).val(), 'i');
            $('.searchable tr').hide();

            $('.searchable tr.gradeX').filter(function () {
                return rex.test($(this).text());

            }).show();



        })

    }(jQuery));

Html结构，仅显示演示的一条记录；

<table class="table table-striped" id="datatable-editable">

    <thead>

        <tr>
                <th>Name</th>
                <th>Dept</th>
                <th>Salary</th>
                <th>Date</th>
                <th style="min-width: 80px;">Action</th>
            </tr>

    </thead>

    <tbody class="searchable">

        <tr class="gradeX">

            <td>Name</td>
            <td>IT</td>
            <td>USD 1200</td>
            <td>USD 1200</td>

            <td class="actions">

                <a href="#" class="hidden on-editing save-row"><i class="fa fa-save"></i></a>

                <a href="#" class="hidden on-editing cancel-row"><i class="fa fa-times"></i></a>

            </td>

        </tr>
        </tbody>
        </table>

任何帮助都将不胜感激。

Answer 1

如果你使用PHP进行分页，就没有办法使用javascript。但是得到一些想法，比如将输入的文本发送到后端(不是在每个字符的键控时，而是在字符长度超过三个的时候)，并从后端获得过滤后的json数据并重新绑定表。