digamos que tengo mi documento HTML como
<a href='#' class='class_1'>Content</a> <a href='#' class='class_2'>Content</a> <a href='#' class='class_3'>Content</a> <a href='#' class='class_4'>Content</a> <a href='#' class='class_5'>Content</a> Ahora, seleccioné esas etiquetas de anclaje con querySelectorAll y las recorrí usando forEach.
Dentro de forEach, después de calcular algunas cosas, necesito aplicar un estilo a una etiqueta de anclaje específica con su clase.
anchorList.forEach(link => {})¿Cómo puedo seleccionar ese enlace con una determinada clase sin usar otro bucle?
Dado que ya está recorriendo todas las etiquetas de anclaje usando forEach , puede buscar la clase específica en el bucle mismo. Prueba este código:
var anchorList = document.querySelector("a"); anchorList.forEach(link => { // calculations... if(link.className === "class_1"){ link.style.color = "red"; // or anything else } // continue calculations... });No dude en comentar si algo es incorrecto o no es lo que estaba preguntando, actualizaré mi respuesta.