0 
<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 源代码，您可以在其中看到 3 个列表项，其中第一个具有 style="display:block" 而其他 2 个具有“display:none”。在此之前，只是为了让你们知道我在这里做什么，我实际上是在使用 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

有任何想法吗？

4

0 回答 0