使用jQuery基于搜索关键字过滤表数据

时间:2012-12-03 15:38:50

标签: javascript jquery search filter

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

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

任何人都可以提供一些示例代码吗?比如,我如何抓住每次击键并隐藏所需的元素?我想要像this.

这样的东西

2 个答案:

答案 0 :(得分:1)

你需要使用onkeydown,然后抓住它val(),然后找出值:contains是否与你用来比较它的任何元素匹配,然后{{ 1}}无论什么元素都不符合这个条件,瞧。

HTML:

hide()

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

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

答案 1 :(得分:1)

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