JQuery фильтр с множественными категориями?

Question

[WildKayote]

Есть простой фильтр

$('.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

Спасибо

Answer 1

[0xD34F]

Вместо равенства искомой строке проверяйте, что значение атрибута её содержит - замените [data-type=" на [data-type*=".

Comments

[WildKayote]

Даже не подумал об этом,думал, что намного сложней. Хотя до этого писал плавный скролл до якоря именно через $('a[href*="#"]')
Спасибо за ответ

[0xD34F]

WildKayote, ну, возможно и надо сложней - если у вас будут тэги, которые являются частью других тэгов, например: "abc" и "abcdef". Тогда при попытке отобрать элементы, соответствующие "abc" будут отобраны и "abcdef". Если такого быть не должно, тогда можно немного усложнить отбор:

var elems = $('.trainers__item').filter((i, n) => $(n).data('type').split(' ').includes($(this).attr('value')));

[WildKayote]

0xD34F, Нет, такого не будет. Будут только множественные категории. В data-type будут указываться уникальные теги, которые принадлежат той или иной категории. Но все равно спасибо еще раз за ответ, как раз хотел изучить .filter() и как он работает