Множественные фильтры JQ

Question

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

У меня имеется два инпута: текстовый и ранждовый.

По отдельности они работают. А как сделать чтобы учитывались оба фильтра?

// живой поиск по таблице
  function updateTable(value) {
    $('.table tbody tr').filter(function () {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
    });
  }

  // получает value по отжатию клавиши и обновляет таблицу
  search.keyup(function () {
    var value = $(this).val().toLowerCase();

    updateTable(value);
  });

  // получает value по отжатию мыши и обновляет таблицу
  range.mouseup(function () {
    var value = $(this).val().toLowerCase();

    updateTable(value);
  });

Answer 1

Если вы хотите на отсортированных строках применить другой фильтр, то можно использовать селектор :visible в jquery.

$('.table tbody tr:visible')

Либо не передавать value в функцию, а собирать их уж в самой функции с обоих инпутов, и там применять в фильтре через &&

БЛОГ НА HUSL

Множественные фильтры JQ

Ответы (1 шт):