Есть простой фильтр
$('.trainers__nav a').on('click', function(e) {
e.preventDefault();
var elems = $('.trainers__item[data-type="' + $(this).attr('value') + '"]');
elems.addClass('trainers__item_show');
$('.trainers__item').not(elems).addClass('trainers__item_disable').removeClass('trainers__item_show');
if ($(this).attr('value') == 'all') {
$('.trainers__item').removeClass('trainers__item_disable');
};
});
Как сделать проверку data атрибута у article, если у него может быть несколько категорий? Пример:
<article class="trainers__item" data-type="old student">
<span>old student</span>
</article>
fiddle
Спасибо
Ответ оказался очень простым:
Вместо равенства в искомой строке нужно было проверять что значение атрибута ее содержит, т.е.:
Вместо [data-type="
нужно [data-type*="
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Вроде бы типичная ситуация, но не могу понять, как сделать на jQuery плавно разворачивающиеся текст? То бишь, мне нужен аналог slideToggle для блока,...
есть код который позволяет скрыть определенные элементы, при значение из спискаКак его переделать, чтобы он работал при radio?
Как бы объединить в одно условие вот такой набор правил: