javascript - :visible length returning 0 when item is visible

Question

我有一个 if 语句来检查我的 div 下面是否没有任何可见内容，如果是，我会隐藏子元素的同级元素。

        var $remainingprojects = $searchproject.show().filter(function () {
            var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
            return !~text.indexOf(val);
        }).parents('.srcprojects');

        var $remainingprojectscontainer = $remainingprojects.parents('.projectscontainer');

        $remainingprojects.hide();
        $remainingprojectscontainer.each(function() {
            if($(this).children('.srcprojects:visible').length == 0){//This line
                console.log($(this).children('.projectschildren').html());
                $(this).children('.projectschildren').hide();
                $(this).children('.projectschildren').siblings('.destarrow').hide();
                $(this).children('.projectschildren').siblings('.destproject').hide();
            }
        });

它似乎有效，但仍然隐藏了这个子元素的同级元素:

<div class="srcprojects" style=""></div>

满足此条件的所有其他内容都已将样式设置为 display:none;，如下所示:

<div class="srcprojects" style="display: none;"></div>

每个容器下有多个 srcproject。因为是搜索，所以部分或全部将被隐藏。我想要的是，如果容器下的 srcprojects 都不可见，则隐藏 sibling 。

编辑:添加了上下文的周围代码。

Answer 1

你尝试过吗:

$(this).children('.srcprojects').is('visible');

编辑

实际上应该是这样的:

$(this).children('.srcprojects').is(':visible');

这不适用于 Chrome 中的某些内联元素。