Jquery - 从 div 获取所有可见子项

Question

我可以使用此代码获取元素的所有子元素

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

但是我如何从 id="all" 中获取所有具有“one”类的可见子项？

<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....
});