Question

我有一个带有列表标签（li）的无序列表（ul），我有一些jQuery将它们分成两组。单击该项目后，在这种情况下为图像，会弹出一个灯箱。到目前为止的一切都有效（将（li）元素过滤到各自的组和灯箱中）。

这就是问题，一旦我对图像进行了过滤，灯箱就会有一个“下一个”功能，即使它被过滤掉也会显示下一个（li）图片。过滤器正在设置已过滤掉的（li）的缩略图以显示：none;在css。

有没有办法可以通过jQuery告诉灯箱忽略用display：none隐藏的元素？？这看起来很简单但是我在html和css之外的知识是现在非常有限。

PS：我一直在寻找一些地方，我找到了可行的代码，但它从页面中删除了（li），你必须刷新页面才能再次出现。这不是我想要的，因为我有一个'show all'按钮用于此目的。

Answer 1

您可以使用jQuery .filter仅获取可见元素，例如

$('.class').filter(':visible');