【问题标题】:Filtering table data based on search keyword using jQuery使用jQuery根据搜索关键字过滤表格数据
【发布时间】:2012-11-21 02:46:42
【问题描述】:

我想用 jQuery 完成一件简单的事情。我想过滤页面上的一些表格数据,并且同一页面顶部有一个搜索框。

在每次击键时,我都想隐藏与搜索字段不匹配的每一行。我只想处理客户端数据。我怎样才能做到这一点?

谁能提供一些示例代码?就像,我怎样才能抓住每个击键并隐藏所需的元素?我想要类似this.

【问题讨论】:

    标签: javascript jquery search filter


    【解决方案1】:

    您需要使用onkeydown,然后获取val(),然后找出:contains 的值是否与您用来比较的任何元素匹配,然后hide() 任何不匹配的元素这种情况,瞧。

    HTML:

    <input type = "text" id="theText">
    

    JQuery 获取它的当前值并将其显示在控制台上:

    $('#theText').onkeydown(function(){
    
    var x = $('#theText').val();
    
    console.log(x);
    
    });
    

    【讨论】:

    • 如果我没有表单,如何获取在搜索框中输入的内容的值?我只有一个搜索框(文本框),我需要在该框中输入的值来进行处理,对吧?感谢您的回答。
    • 我正在使用 jQuery 的数据表插件。但是,非常感谢您的帮助 :) +1 :)
    【解决方案2】:

    现在有点老了,但是我之前在一个项目中使用过这个插件,效果很好: https://github.com/riklomas/quicksearch

    【讨论】:

      猜你喜欢
      • 2021-11-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-11-01
      • 2014-04-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多