Страницы

Поиск по вопросам

понедельник, 10 июня 2019 г.

Фильтрация блоков по data атрибутам

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
  • Item 7
  • Item 8

Есть 2 select (может быть и больше), как реализовать фильтрацию по значениям из селектов по Data атрибутам.
Например если в первом select выбран параметр SMG то показываются элементы с item 3, item 7, item 8(остальные скрываются), и если указать во втором селекте например параметр Extraordinary, то показываются только item 4, item 8


Ответ

$(".select-type, .select-class").change(function(){ var dType = $(".select-type option:selected").data("sort"); var dClass = $(".select-class option:selected").data("sort"); $("#items li").each(function(){ if ( (dType == "all" || dType == $(this).data("type")) && (dClass == "all" || dClass == $(this).data("class")) ) { $(this).show(); } else { $(this).hide(); } }); });

Комментариев нет:

Отправить комментарий