Jquery - Obtenez tous les enfants visibles d'une div

je peux obtenir tous les enfants atteints de ce code

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

Mais comment puis-je obtenir tous les enfants avec la classe "une" de id="tous" ?

<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>

Merci à l'avance.
Peter

source d'informationauteur Peter

  1. 15

    Vous pouvez utiliser le :visible sélecteur de filtre comme ceci:

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

    Vous pouvez utiliser la simple fonction jQuery

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

    Ainsi, vous obtenez tous les éléments visibles avec la classe. (ci-joint à l'intérieur de la #tous)

  3. 3

    Serait-ce de travailler?

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

    Essayer cela, l'enregistrer en tant que .html fichier pour un exemple

    <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>