Jquery搜索不隐藏表中的第一行

Question

我很难理解为什么我对表格列的搜索总是显示第一行和之后的匹配行？即使关键字与第 1 行中的单元格不匹配，它也会始终显示在顶部？我已经多次检查了我的代码并尝试了不同的方法，它仍然不会隐藏第一行？

这是我的工作代码

$('#filterbyname').on("keyup", function () {
        var val = $(this).val();
        var matches = $("table.bill tr:not(:first-of-type)");

        matches.each(function (i,e) {            
            debugger;
            $row = $(this);                
            $cells = $row.find("td:nth-child(2)");

            $cells.each(function (i2, e2) {
                var cell = $(this).text();
                debugger;
                $row.toggle(cell.indexOf(val) >= 0);             
            });
        });
 });

您可以从上面的代码中看到如果cell.indexOf(val) >= 0)，那么它将根据匹配的行进行切换。

有什么建议吗？

Answer 1

实际上，在您的matches 变量中，您使用的是tr:not(:first-of-type)，它选择所有行，除了第一个，因为:not 选择器在这里排除了与:first-of-type 匹配的所有元素，这意味着它们不是第一个父级中的子级，因此第一个 tr 将被忽略。

更改此代码：

var matches = $("table.bill tr:not(:first-of-type)");

致以下：

var matches = $("table.bill tr");