js如何判断多个div标签中的每个style属性是否等于“display:none”

如题，而且class的值是一样的，比如：

jquery

    $(".upload_append_list").each(function(){
        if($(this).css("display")=="none"){
            //隐藏的
        }else{
            //显示的
        }
    });

 <div>
 </div>

 <div>
 <div id="1" class="upload_append_list" style="display:none">...</div>
 <div id="2" class="upload_append_list" >...</div>
 <div id="3" class="upload_append_list" >...</div>
 <div id="4" class="upload_append_list" style="display:none">...</div>
 ............
 </div>

如果id是按1~n的顺序的话直接用原生的getElementById()，用while循环即可
例：while(target=document.getElementById(""+i))
if(target.display=="none"){
}
else{
}

 <div id="pNode">
    <div id="1" class="upload_append_list" style="display:none">...</div>
    <div id="2" class="upload_append_list">...</div>
    <div id="3" class="upload_append_list">...</div>
    <div id="4" class="upload_append_list" style="display:none">...</div>
    ............
</div>
<script>
    var divs = document.getElementById('pNode').getElementsByTagName('div');
    for (var i = 0; i < divs.length; i++)
        if (divs[i].style.display == 'none') {
        }
</script>