【发布时间】:2012-11-21 02:46:42
【问题描述】:
我想用 jQuery 完成一件简单的事情。我想过滤页面上的一些表格数据,并且同一页面顶部有一个搜索框。
在每次击键时,我都想隐藏与搜索字段不匹配的每一行。我只想处理客户端数据。我怎样才能做到这一点?
谁能提供一些示例代码?就像,我怎样才能抓住每个击键并隐藏所需的元素?我想要类似this.
【问题讨论】:
标签: javascript jquery search filter
我想用 jQuery 完成一件简单的事情。我想过滤页面上的一些表格数据,并且同一页面顶部有一个搜索框。
在每次击键时,我都想隐藏与搜索字段不匹配的每一行。我只想处理客户端数据。我怎样才能做到这一点?
谁能提供一些示例代码?就像,我怎样才能抓住每个击键并隐藏所需的元素?我想要类似this.
【问题讨论】:
标签: javascript jquery search filter
您需要使用onkeydown,然后获取val(),然后找出:contains 的值是否与您用来比较的任何元素匹配,然后hide() 任何不匹配的元素这种情况,瞧。
HTML:
<input type = "text" id="theText">
JQuery 获取它的当前值并将其显示在控制台上:
$('#theText').onkeydown(function(){
var x = $('#theText').val();
console.log(x);
});
【讨论】:
现在有点老了,但是我之前在一个项目中使用过这个插件,效果很好: https://github.com/riklomas/quicksearch
【讨论】: