我想使用 jQuery 完成一件简单的事情。我想过滤页面上的一些表格数据,并且同一页面顶部有一个搜索框。
在每次击键时,我都想隐藏与搜索字段不匹配的每一行。我只想处理客户端数据。我怎样才能做到这一点?
任何人都可以给出一些示例代码吗?就像,我怎样才能抓住每个击键并隐藏所需的元素?我想要这样的东西。
我想使用 jQuery 完成一件简单的事情。我想过滤页面上的一些表格数据,并且同一页面顶部有一个搜索框。
在每次击键时,我都想隐藏与搜索字段不匹配的每一行。我只想处理客户端数据。我怎样才能做到这一点?
任何人都可以给出一些示例代码吗?就像,我怎样才能抓住每个击键并隐藏所需的元素?我想要这样的东西。
您需要使用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