Есть дропдаун, в котором пользователь выбирает определенную позицию(при этом выбирается айди). Также есть контейнеры, которые имеют атрибут data-filter, который в зависимости от категории тоже имеют id.Имеем дропдаун:
<select class="filter">
<option value=1>Name 1</option>
<option value=2>Name 2</option>
<option value=3>Name 3</option>
</select>
Один из контейнеров,которые нужно фильтрвоать по атрибуту data-filter:
<div class="item" data-filter=2>container</div>
Таких контейнеров много. Я попробовал взять по селектору .item пробежаться циклом each() и в нем поставить условие при котором контейнеры будут .hide() или .show().Это оказалось накладно с точки зрения производительности.Тогда я обратился к функции filter().
var valuee = $(this).val(); // тут извлекаем значение дропдауна,который выбрал пользователь
$('.item').filter(function(index){
return $( this ).data( "filter" ) === valuee;
});
Не работает. Судя по всему проблема в методе filter(),но я не догоняю в чем именно.Как можно перепесать эту функцию,чтобы она работала?
$().filter
- не прячет/показывает элементы DOM, а возвращает объект-обертку вокруг выборки элементов.$('.item').filter(...).hide();