基于jQuery的表过滤

Question

我正在尝试使用jQuery实现对表的筛选。下面是我测试的代码：

​

$("#txtGroup").keyup(function() {
  var value = this.value;

  $("table").find("tr").each(function(index) {
    if (index === 0) return;
    var id = $(this).find("td").find("label").text();
    $(this).toggle(id.indexOf(value) !== -1);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="txtGroup" />

<table id="tblGroups">
	<tr><td><label><input type="checkbox" id="AccountingFinance" name="Accounting &amp; Finance">Accounting &amp; Finance</label></td></tr>
	<tr><td><label><input type="checkbox" id="AdvancedAnalytics" name="Advanced Analytics">Advanced Analytics</label></td></tr>
	<tr><td><label><input type="checkbox" id="Alliances" name="Alliances">Alliances</label></td></tr>
  <tr><td><label><input type="checkbox" id="BusinessAdvisoryServices" name="Business Advisory Services">Business Advisory Services</label></td></tr>
	<tr><td><label><input type="checkbox" id="BusinessApplicationsandIntegration" name="Business Applications and Integration">Business Applications and Integration</label></td></tr>
	<tr><td><label><input type="checkbox" id="BusinessOperations" name="Business Operations">Business Operations</label></td></tr>
</table>

​

或者在jsFiddle上

我在寻找：

• 键入"b“，只保留第一行。带"b“的行消失了。
• 输入“11”和“联盟”仍然(很好)，但也保留“会计和财务”。
• 键入"cc“，仅保留”会计和财务“。好的。

正如你所看到的，结果是非常的意外和错过。

顺便说一句，我从堆栈溢出的这个问题中得到了这个基本功能：

通过表行进行实时搜索

Answer 1

你离我很近，在你的小提琴里你不包括jQuery，在你的函数中，只要去掉这一行

小提琴

if (index === 0) return;