按特定列jQuery表格過濾器

Question

我有許多名稱的信息表。第一欄是名，第二欄是姓，第三欄是號碼。我想根據用戶輸入顯示所有行，但只希望搜索過濾器通過具有id的特定列。

jQuery代碼：我有：

(document.ready(function() 


$("#searchHere").keyup(function() { 
    var $row = $("table tr"); 
    var $col = $("td").each().index(); 
    var input = this.value.toLowerCase(); 

    $row.show().filter(function() { 
    $(this).find("td").eq(col).text().toLowerCase(); 
    return $(this).text(input); 
    }).hide(); 
}); 

的HTML代碼

<input id="searchHere" placeholder="Search Me"> 

<table> 
<tr> 
    <td id='firstName'>John</td> 
    <td id='lastName'>Doe</td> 
    <td>One Two Three</td> 
</tr> 

<tr> 
    <td id='firstName'>John</td> 
    <td id='lastName'>Smith</td> 
    <td>Two Three</td> 
</tr> 
</table> 

我已經提到這個職位，但我想不通的最後一塊拼圖。

How to perform a real time search and filter on a HTML table

Answer 1

你可以有一個全球性的搜索框，看起來在每個單元相對於獨立的輸入。