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

133
Vistas
contando divs visibles con nombre de clase jquery

Tengo problemas para usar :visible con el nombre de la clase.

Ejemplo:

 <div class="groupedDiv" id="group1"> <div class="level1"> Apples <div class="level2"> || L2-apple </div> </div> <div class="level1" style="display:none;"> Oranges <div class="level2"> || [L2-orange] </div> </div> </div> <br/> <div class="groupedDiv" id="group1"> <div class="level1"> Roses <div class="level2"> || L2-rose </div> <div class="level3"> l3 rose </div> </div> </div>

Si quiero contar el # de divs visibles de nivel de clase level1

$(".level1 :visible").length; me da la salida 3, ¿no se supone que esto es la salida 2?

$(".level1 :visible").parent().length; me da salida 2 que es correcta.

Creé este ejemplo en http://jsfiddle.net/metalhawk/P87jS/

Cualquier sugerencia es útil. Gracias

over 4 years ago · Santiago Trujillo
2 Respuestas
Responde la pregunta

0

$(".level1 :visible") es un selector descendiente: está seleccionando todos los elementos visibles que son descendientes de .level1 . Hay tres elementos div que son visibles debajo de los elementos .level1 .

Usa esto en su lugar:

 $(".level1:visible").length;

Vea su violín por mi actualización .

over 4 years ago · Santiago Trujillo Denunciar

0

Seguro que necesitas hacer $(".level1:visible").length;

el espacio está descifrando el código

over 4 years ago · Santiago Trujillo Denunciar
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