javascript - 检查列表元素是否可见(jquery.visible)

Question

我正在尝试使用 jquery.visible 插件 检查 ul 列表中的每个元素是否可见。问题是脚本不会将每个 "li" 元素作为独立的元素处理，因此这样写:

var element = $("ul li");

if (element.visible(true)) {
    element.removeClass("hidden");
}

同时删除所有元素的“隐藏”类。

有什么想法吗？

Answer 1

您正在将 element 初始化为数组，因此该名称具有误导性，并且可能会在稍后的代码中让您感到困惑。

你想要这样的东西(未经测试):

var arrElements = $("ul li");

arrElements.each(function() {
    if ($(this).visible(true)) {
        $(this).removeClass("hidden");
    }
});

请注意，我使用 each 方法和 $(this) 一次仅作用于一个 li 元素。