Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

89
Vistas
¿Cómo puedo hacer que la función querySelectorAll seleccione una clase Y un src al mismo tiempo?

He creado el siguiente código:

 const circle = document.querySelectorAll('[src = "https://cdn-icons-png.flaticon.com/512/734/734544.png"]') const classTwo = document.querySelectorAll('.one') const circleANDClassTwo = document.querySelectorAll('.one [src = "https://cdn-icons-png.flaticon.com/512/734/734544.png"]') //console.log(circle) //console.log(classTwo) console.log(circleANDClassTwo)
 <img id="1" src="https://i.imgur.com/ZcGeIVz.png" class="one" style="width:50px;height:50px"> <img id="2" src="https://i.imgur.com/ZcGeIVz.png" class="one" style="width:50px;height:50px"> <img id="3" src="https://i.imgur.com/ZcGeIVz.png" class="one" style="width:50px;height:50px"> <img id="4" src="https://i.imgur.com/ZcGeIVz.png" class="one" style="width:50px;height:50px"> <img id="5" src="https://cdn-icons-png.flaticon.com/512/734/734544.png" class="one" style="width:50px;height:50px"> <img id="6" src="https://cdn-icons-png.flaticon.com/512/734/734544.png" class="one" style="width:50px;height:50px"> <img id="7" src="https://cdn-icons-png.flaticon.com/512/734/734544.png" class="two" style="width:50px;height:50px"> <img id="8" src="https://cdn-icons-png.flaticon.com/512/734/734544.png" class="two" style="width:50px;height:50px"> <img id="9" src="https://cdn-icons-png.flaticon.com/512/734/734544.png" class="two" style="width:50px;height:50px"> <img id="10" src="https://i.imgur.com/ZcGeIVz.png" class="two" style="width:50px;height:50px"> <img id="11" src="https://i.imgur.com/ZcGeIVz.png" class="two" style="width:50px;height:50px"> <img id="12" src="https://i.imgur.com/ZcGeIVz.png" class="two" style="width:50px;height:50px">

Sé cómo usar el operador AND con la función querySelectorAll cuando selecciona solo etiquetas y clases específicas como se describe en esta respuesta . Pero no logré que filtrara una clase Y un atributo específico al mismo tiempo. En mi muestra, me gustaría filtrar todos los elementos que pertenecen a la class one y que tienen un src https://stackoverflow.com/a/36545002/14739472 (esa sería la id 5 y la id 6). He intentado usar . , espacio , pero ninguno de ellos funciona... No encontré ningún ejemplo de cómo hacerlo cuando estoy especificando un atributo Y una clase con querySelectorAll . ¿Cómo puedo hacerlo?

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda