Фильтрация таблицы с JQuery

Question

У меня есть эта таблица, которая имеет семь столбцов, каждый столбец, представляющий собой конкретное значение, как так:

У меня также есть пять полей выбора, содержащие параметры, которые я хочу использовать для фильтрации этой таблицы данных.

До сих пор, я пришел с этим:

$('#mySelectBox').change(function() { 

    var filtervar = $(this).val(); 

    $('tr td.someclass').each(function() { 
     if ($(this).text() != filtervar) { 
      $(this).parent().hide(); 
     } else { 
      $(this).parent().show(); 
     } 
    }); 
}); 

Этот код работает для одного переключателя. Как я могу настроить его так, чтобы я мог использовать пять различных selectboxes для фильтрации?

Answer 1

уже достаточно общий характер. Просто измените поле выбора с id s на class es и настройте цели на все поля выбора с соответствующим class.

---

Сценарий:

$('.filter').change(function() { /* ... code ... */ }); 

HTML:

<select class="filter"> ... </select> 
<select class="filter"> ... </select> 
<select class="filter"> ... </select> 

Answer 2

Как я могу настроить его так, чтобы я мог использовать пять различных selectboxes для фильтрации ?

Просто нанесите класс для всех полей выбора, таким образом, вам нужно будет только один селектор:

$('.selectBox').change..... 

Answer 3

Просто дайте вашим выбирают списки все тот же класс, такие как "mySelectClass", а затем использовать его в селектор вместо идентификатора.

$('.mySelectClass').change(function() {