Таблица фильтрации с помощью 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(); 
      }
  });
});

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

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

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

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

Answer 3

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

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

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