Есть простой фильтр
$('.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*="
Сборка персонального компьютера от Artline: умный выбор для современных пользователей