JSFiddle - React, Tailwind, and code Playground
JavaScript
function showSub(filterid, valueid) {
jQuery("#count_items").val('1');
filters[filterid] = valueid;
let results = [];
let results2 = [];
for (let i = 1; i < filtersTable.length; i++) {
if (typeof filtersTable[i] !== "undefined") {
if (filtersTable[i].indexOf(valueid) != -1) {
results[i] = filtersTable[i].slice();
}
}
}
for (let i = 1; i < filters.length; i++) {
if (i != filterid && filters[i] != 0) {
for (let j = 1; j < results.length; j++) {
if (typeof results[j] !== "undefined") {
if (results[j].indexOf(filters[i]) != -1) {
results2[j] = results[j].slice();
}
}
}
if (results2.length > 0) {
results = results2.slice();;
results2 = [];
}
}
}
jQuery('.pinkfilters').removeClass('pinkfilters_selected');
let one = false;
for (let j = 1; j < results.length; j++) {
if (typeof results[j] !== "undefined") {
if (!one) {
one = true;
} else {
continue;
}
jQuery('#toCart').attr('data-subproduct', j).data('subproduct', j);
jQuery('#price').text(priceTable[j]);
if (countTable[j] > 0) {
jQuery('#nal').text('Да');
jQuery('#toCart').prop("disabled", false);
} else {
jQuery('#nal').text('Нет');
jQuery('#toCart').prop("disabled", true);
}
for (let k = 1; k < results[j].length; k++) {
if (typeof results[j][k] !== "undefined" && results[j][k] != 0) {
jQuery('#f' + results[j][k]).addClass('pinkfilters_selected');
}
}
}
}
}