我想用jQuery完成一件简单的事情。我想在页面上过滤一些表格数据,并且在同一页面的顶部有一个搜索框。
在每次按键时,我想隐藏与搜索字段不匹配的每一行。我想只处理客户端数据。我怎么能做到这一点?
任何人都可以提供一些示例代码吗?比如,我如何抓住每次击键并隐藏所需的元素?我想要像this.
这样的东西答案 0 :(得分:1)
你需要使用onkeydown
,然后抓住它val()
,然后找出值:contains
是否与你用来比较它的任何元素匹配,然后{{ 1}}无论什么元素都不符合这个条件,瞧。
HTML:
hide()
JQuery获取当前值并将其显示在控制台上:
<input type = "text" id="theText">
答案 1 :(得分:1)
现在有点老了,但我以前在项目中使用过这个插件,效果很好: https://github.com/riklomas/quicksearch