table实现简单的模糊搜索

最新推荐文章于 2024-08-20 23:58:59 发布

我的大树

最新推荐文章于 2024-08-20 23:58:59 发布

阅读量610

点赞数

分类专栏： jQuery 文章标签：模糊搜索

本文链接：https://blog.csdn.net/qq_43033730/article/details/89485902

版权

jQuery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

样式可以自己调，只是简单的搜索，只要一行内含有所搜索的内容，就会搜索出。
如果要按照名称，只需改变选择器即可

$(function () {
    $("#cc").click(function () {
        var $aa=$("input[type=search]").val();
        $("table tr").hide().filter(':contains('+$aa+')').show();
    });
});

<input type="search"/><button id="cc">ss</button>
<table border="1">
    <tr>
        <td>2</td>
        <td>dd</td>
        <td>dd</td>
        <td>dd</td>
        <td>dd</td>
    </tr>
    <tr>
        <td>dd</td>
        <td>dd</td>
        <td>3</td>
        <td>dd</td>
        <td>dd</td>
    </tr>
    <tr>
        <td>dd</td>
        <td>dd</td>
        <td>dd</td>
        <td>mm</td>
        <td>dd</td>
    </tr>

</table>