javascript - 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");