ansaurus

Question

Jquery - Get all visible childs from a div Get

Answer 1

+1 A:

Would this work?

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

Tahbaza 2010-08-22 18:06:12

Yes, it would work

Ben 2010-08-22 18:08:33

Answer 2

+1 A:

You can use the :visible filter selector like this:

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

Sarfraz 2010-08-22 18:08:01

Answer 3

A:

Try this, save as an .html file for an example

<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
    <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>

Brandon Boone 2010-08-22 18:09:50

Answer 4

A:

You can use the following simple jQuery function

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

This will get you all the visible elements with class one. (enclosed within the #all)

kapser 2010-08-22 18:20:17

ansaurus

tags:

views:

answers:

Jquery - Get all visible childs from a div Get

related questions