Есть простой фильтр
$('.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*="
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники