使用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); 

}); 

Answer 2

這是一個有點老了，但我已經使用這個插件在一個項目之前，它的工作很好： https://github.com/riklomas/quicksearch