使用display:block选择元素

Question

这是html内容,我想从中选择报表中的所有元素,使用jQuery显示块 $("#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");