javascript - 使用 jQuery 根据搜索关键字过滤表数据

Question

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

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

任何人都可以提供一些示例代码吗？比如，我怎样才能捕获每个击键并隐藏所需的元素？我想要类似 this. 的东西

Answer 1

您需要使用onkeydown，然后获取它的val()，然后找出值:contains 是否匹配无论您使用什么元素来比较它，然后 hide() 任何不符合此条件的元素，瞧。

HTML:

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

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

$('#theText').onkeydown(function(){

var x = $('#theText').val();

console.log(x);

});