jquery - 使用显示选择元素 :block

Question

这是 html 内容，我想使用 jQuery 选择报表内具有显示 block 的所有元素 $("#report:visible") 对我不起作用。

<div id="report">
        <div id="p1" style="display: block;">
            <input id="pname1"  type="checkbox" name="report1">
            <input id="pname2"  type="checkbox" name="report2">
        </div>
        <div id="p2"  style="display: none;">
            <input id="pname1"  type="checkbox" name="report1">
            <input id="pname2"  type="checkbox" name="report2">
        </div>
        <div id="p3"  style="display: none;">
            <input id="pname1"  type="checkbox" name="report1">
            <input id="pname2"  type="checkbox" name="report2">
        </div>
            <div id="p4"  style="display: block;">
            <input id="pname3"  type="checkbox" name="report1">
            <input id="pname4"  type="checkbox" name="report2">
        </div>
</div>

Answer 1

也许你可以使用这段 jQuery :

$("#report div:visible").each(function() { 
    console.log($(this).attr('id')); 
});

或者这个:)？

$("#report div:visible");