Este código jquery funciona y está en uso, pero de alguna manera mi filtro de elementos no funciona correctamente. Pero de alguna manera mi vanilla js funciona con ese filtro que uso.
Entonces mi pregunta es:
¿Cómo puedo cambiar este código jquery a vanilla js?
$(".cat-name .cat-link").click(function () { let catID = $(this).data("id"), $allItem = $('.category') let $currentItem = $('.cat[data-category=' + catID + ']'); $('.cat[data-category=' + catID + ']').addClass('active'); $allItem.not($currentItem).removeClass('active'); $('.all-items').removeClass('active'); // Remove active class from "All Items" tab });Gracias si tienes tiempo para ayudarme!
Aquí hay una respuesta rápida:
document.querySelector() y document.querySelectorAll() para seleccionar elementostargetElement.addEventListener('click', function() { ... }) para agregar un evento de clictargetElement.className para agregar/eliminar clasestargetElement.getAttribute('data-...') para administrar atributos de datosRecuerde visitar el sitio web de Vanilla JS para ver más ejemplos