jQuery表格行过滤器 - 同时隐藏和显示

Question

我有一个表，其中包含一个包含关键字的列和一个包含与这些关键字对应的选项和值的选择字段（css 类 .filter）。

在我将选择字段更改为另一个选项之前，它工作正常。使用下面的代码，一切都被明显地隐藏了。但是在隐藏之前为每一行添加一个 .show() 不起作用（不再隐藏任何东西）。隐藏后显示选定的行也不行。

$(".filter").change(function () {
        if ($(this).val() != "all") {
            $("tbody").find("tr:not(:contains('"+$(this).val()+"'))").hide(); //hide everything except what contains the selected option

        } else {
            $("tbody").find("tr:hidden").show(); // reset the filter and show everything
        }
    });

Answer 1

您可以隐藏所有行，然后只显示过滤后的项目

$("tbody").find("tr").hide().filter(":contains('" + $(this).val() + "')").show();