Estoy trabajando en una vista donde enumera mis artículos. Necesito eliminar las clases de CSS de cada uno de estos artículos en esta página. Mi código funciona en el primer elemento, pero no se repite en los otros elementos existentes en la página.

Aquí está mi código:

 Drupal.behaviors.cardload = { attach: function (context, settings) { const $el = context.querySelector(".user-card"); const $content = context.querySelector(".card__content"); // Loading finished setTimeout(() => { $el.classList.remove('skeleton'); $el .querySelectorAll(".skeleton") .forEach(el => el.classList.remove("skeleton")); $el .querySelectorAll(".hide-text") .forEach(el => el.classList.remove("hide-text")); $content.classList.remove('skeleton'); $content .querySelectorAll(".hide-text-title") .forEach(content => content.classList.remove("hide-text-title")); $content .querySelectorAll(".hide-text") .forEach(content => content.classList.remove("hide-text")); $content .querySelectorAll(".hide-text-body") .forEach(content => content.classList.remove("hide-text-body")); $content .querySelectorAll(".hide-text-author") .forEach(content => content.classList.remove("hide-text-author")); }, 1000); } }

¿Puede alguien ayudarme a agregar un bucle for o algo que obtenga todos los elementos en mi vista y elimine todas las clases de todos los elementos después de 1000 milisegundos?

Gracias