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

您可以使用一个全局搜索框查看每个单元格而不是单独的输入。