Jquery - 从div获取所有可见的孩子

Question

我可以让所有孩子都使用此代码

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

但是我怎样才能从id ="all"中获得所有可见的"1"类孩子？

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

提前致谢.彼得

Answer 1

您可以:visible像这样使用过滤器选择器:

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

Answer 2

您可以使用以下简单的 jQuery 函数

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

这将为您提供第一类的所有可见元素。（包含在#all 中）

Answer 3

这行得通吗？

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