Tengo una matriz de clases, es una matriz dinámica que puede tener una cantidad de nombres de clase como esta.
let arr = ['Product', 'year', 'role'];y luego tengo muchos elementos con estas clases dentro de un div principal como este.
<div class="parent"> <div class="year"></div> <div class="abc"></div> <div class="Product"></div> <div class="diffClass"></div> <div class="role"></div> <div></div> </div>Ahora, en esta estructura, necesito agregar la clase activa en la carga de la página solo en los div, cuya clase está presente en el Array. Traté de mapear la matriz, pero no hay una tabla para obtener los divs que coincidan con la clase Arrays. Gracias de antemano.
Puede seleccionar clases "o" usando , , por ejemplo
$(".product,.year,.role") seleccionará si alguno de ellos coincide
(a la inversa, para hacer que todos coincidan, use .product.year.role ; ese no es el requisito aquí)
Para convertir su matriz en una cadena, use arr.join , dando:
let arr = ['Product', 'year', 'role']; $("." + arr.join(",.")).addClass("active"); .active { color: red; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="parent"> <div class="year">year</div> <div class="abc">abc</div> <div class="Product">Product</div> <div class="diffClass">diffClass</div> <div class="role">role</div> <div></div> </div>