jquery table模糊查询

jquery模糊table模糊查询,并显示指定row:

html:

<input placeholder="Find..." id="filterInput">

  

js:

    $("#filterText").keyup(function () {
        $("table>tbody>tr")
            .hide()
            .filter(":contains('" + ($(this).val()) + "')")
            .show();
    });

  

模式是区分大小写的,如果要实现不区分大小写,则需要重写代码:

     //Case insensitive
    jQuery.expr[':'].contains = function (a, i, m) {
        return jQuery(a).text().toUpperCase()
            .indexOf(m[3].toUpperCase()) >= 0;
    };

  

posted @ 2021-06-04 18:28  bad_programmer  阅读(212)  评论(0编辑  收藏  举报