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源代码，您可以在其中看到3个列表项，其中第一个具有style =“display：block”，而另外2个具有“display：none”。在此之前，为了让你们知道我在这里做什么，我实际上是在使用JPages为我正在销售的商品创建一个分页。在jPages.js中，有一行可以检测要呈现的列表项，看起来像这样。

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

然而，它渲染了所有3个元素，尽管它有一个display：none属性。所以我做了一些调试，通过包含以下代码行来检测显示属性的值，我发现了一些令人惊讶的东西。

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

此代码的输出是

block
block
block

有什么想法吗？

：可见选择器问题

0 个答案: