Jquery - Obtener todos los niños visibles desde un div Obtener

yo puede conseguir a todos los niños con este códigoJquery - Obtener todos los niños visibles desde un div Obtener

$('#all').children().each(function() { .... });

Pero, ¿cómo puedo conseguir todos los niños visibles con "uno" de la clase id = "all"?

<div id="all"> 

    <div>asdd</div> 
    <div class="one">content</div> 
    <div class="one">bla</div> 

    <div> 
     ssss 
     <div class="one" style="display:none">text</div> 
    </div> 

    <div class="one" style="display:none">blub</div> 

</div>

Gracias de antemano. Peter

Fuente

2010-08-22 Peter

¿Funcionaría?

$('.one:visible', '#all')

Fuente

2010-08-22 18:06:12 Tahbaza

Sí, funcionaría – Ben

Puede utilizar el selector de :visible filtro de la siguiente manera:

$('#all').find('.one:visible').each(function(){ 
    // your code.... 
});

Fuente

2010-08-22 18:08:01 Sarfraz

probar esto, guardar como un archivo html para un ejemplo

<html> 
<head> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <script> 
     $(document).ready(function(){ 

      $('#all').children().each(function() { 
       if($(this).hasClass('one') && $(this).css('display') != 'none') 
       { 
        alert($(this).html()); 
       } 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <div id="all"> 

     <div>asdd</div> 
     <div class="one">content</div> 
     <div class="one">bla</div> 

     <div> 
      ssss 
      <div class="one" style="display:none">text</div> 
     </div> 

     <div class="one" style="display:none">blub</div> 

    </div> 
</body> 
</html>

Fuente

2010-08-22 18:09:50

Usted puede utilizar el siguiente sencillo Función jQuery

$('#all .one:visible');

Esto le dará todos los elementos visibles con la clase uno. (incluido dentro de #all)

Fuente

2010-08-22 18:20:17 kapser

Jquery - Obtener todos los niños visibles desde un div Obtener

Respuesta

Cuestiones relacionadas