Хотите улучшить этот вопрос? Обновите вопрос так, чтобы он вписывался в тематику Stack Overflow на русском.
Закрыт 1 год назад.
У меня есть фильтр товаров.
Помогите передалать в местах где forEach на цикл for.
Прошу дубликатом не отмечать, я похожий ответ видел, пробовал аналогично сделать, но у меня ошибка в коде.
Прокомментировал в тех местах, где он есть.
addEventListener("load", function () {
var check = true;
document.querySelector(".filter").addEventListener("click", function (_ref) {
var target = _ref.target;
var el = target.closest("[data-filter]");
if (!el) return;
var cls = target.dataset.filter;
if (cls == "all") {
document.querySelectorAll(".btn").forEach(function (btn) { // 1
return btn.checked = check;
});
check = !check;
}
var sel = ".placeholder";
document.querySelectorAll(sel).forEach(function (el) { //2
return el.classList.add("hide");
});
document.querySelectorAll(".btn:checked").forEach(function (btn) { //3
cls = btn.dataset.filter;
document.querySelectorAll(sel + "." + cls).forEach(function (el) { //4
return el.classList.remove("hide");
});
});
});
});
window.addEventListener("load", function () {
var check = true;
document.querySelector(".filter").addEventListener("click", function (_ref) {
var target = _ref.target;
var el = target.closest("[data-filter]");
if (!el) return;
var cls = target.dataset.filter;
if (cls == "all") {
var button = document.querySelectorAll(".btn");
for (let i = 0; i < button.length; i++) {
button[i].checked = check;
}
check = !check;
}
var sel = ".placeholder";
var element = document.querySelectorAll(sel);
for (let i = 0; i < element.length; i++) {
element[i].classList.add("hide");
}
var btn = document.querySelectorAll(".btn:checked");
for(let i = 0; i < btn.length; i++) {
cls = btn[i].dataset.filter;
var el = document.querySelectorAll(sel + "." + cls);
for (let j = 0; j < el.length; j++) {
el[j].classList.remove("hide");
}
}
});
});
По идее так
Цикл for..of
for (let el of document.querySelectorAll(sel)) {
// Работаете с элементом el
}
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Мне нужно распечатать таблицу которая выглядит вот так:
Можно ли как-нибудь получить координаты элемента относительно окна кроме getBoundingClientRect? Без JQuery
Почему при активации всплывающего окна изображение лежит поверх формы обратного звонка? Как сделать, чтобы слои были упорядочены? При нажатии...