Question

我只需要获取jquery foreach循环中的show（）元素

在下面的代码中我得到所有元素与类测试（即）隐藏和显示...但只需显示而不是隐藏一个...如何过滤并获得在这一行本身？ ??

$('.element').find('.test').each(function(index, loopelement) {

 }

Answer 1

使用:visible选择器：

$('.element').find('.test:visible').each(function(index, loopelement) {
    // do stuff...
});

Answer 2

您可以使用jQuery's :visible选择器。

var $visibles = $(".element").find(".test:visible");

但请注意jQuery的工作原理。来自jQuery文档：

如果元素占用文档中的空间，则认为元素是可见的。   可见元素的宽度或高度大于零。

具有可见性的元素：隐藏或不透明度：0被视为可见，   因为他们仍然在布局中消耗空间。

如果此行为不适合您的用例，您可以扩展jQuery，创建自己的自定义选择器：

$.expr[":"].reallyVisible =
    function reallyVisible (elem) {
        if (elem == null || elem.tagName == null) {
            return false;
        }

        if (elem.tagName.toLowerCase() === "script" || elem.tagName.toLowerCase() === "input" && elem.type === "hidden") {
            return false;
        }

        do {
            if (!isVisible(elem)) {
                return false;
            }

            elem = elem.parentNode;
        } while (elem != null && elem.tagName.toLowerCase() !== "html");

        return true;
    };

function isVisible (elem) {
    var style = elem.style;

    // Depending on your use case
    // you could check the height/width, or if it's in the viewport...
    return !(style.display === "none" || style.opacity === "0" || style.visibility === "hidden");
}

它可以用作任何其他内置选择器：

$(".element").find(".test:reallyVisible");
$(".element").find(".test:first").is(":reallyVisible");

只获取未隐藏的元素.Jquery

2 个答案: