Как связать 2 фильтра на jquery
Есть 2 фильтра по категориям и по тегам, сделаны через data-атрибуты. Вопрос, как их можно связать между собой? Например я выбрал категорию “Аудио” и тег “Управление людьми” оно показало записи с категории аудио с нужным тегом.
let filter = $("[data-filter]");
let filterTag = $("[data-tag]");
filter.on('click', function () {
let cat = $(this).data('filter');
$("[data-cat]").each(function () {
let itemCat = $(this).data('cat');
if(cat == 'all') {
$("[data-cat]").css({'display': 'flex'});
} else {
if (itemCat != cat) {
$(this).css({'display': 'none'});
} else {
$(this).css({'display': 'flex'});
}
}
})
})
filterTag.on('click', function () {
let tag = $(this).data('tag');
console.log(tag);
$("[data-tags]").each(function () {
let itemTag = $(this).data('tags');
if(tag == 'all') {
$("[data-tags]").css({'display': 'flex'});
} else {
if (itemTag !== tag) {
$(this).css({'display': 'none'});
} else {
$(this).css({'display': 'flex'});
}
}
})
})