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();