javascript - :目に見えるセレクターの問題

Question

<ul id="portfolio" style="">
    <li class="thumb one-third column mrmrs" style="display: block;">
        content #1 here
    </li>
    <li class="thumb one-third column doof hidden" style="display: none;">
        content #2 here
    </li>
    <li class="thumb one-third column doof hidden" style="display: none;">
        content #3 here
    </li>
</ul>

これは私の計算された HTML ソース コードで、最初の 1 つは style="display:block" を持ち、他の 2 は "display:none" を持つ 3 つのリスト項目を見ることができます。その前に、私がここで何をしているのかを皆さんに知らせるために、私は実際に JPages を使用して、販売する商品のページネーションを作成しています。jPages.js 内には、次のようなレンダリングするリスト項目を検出する行があります。

this._items = this._container.children(":visible");

ただし、display:none 属性が含まれているにもかかわらず、3 つの要素すべてをレンダリングします。そのため、表示属性の値を検出するために次のコード行を含めてデバッグを行ったところ、かなり驚くべきことがわかりました。

jQuery('ul#portfolio li').each(function(){
    console.log(jQuery(this).css('display'));
});

このコードの出力は

block
block
block

何か案は？