javascript - 通过可见图像的 ID

Question

我在多个 div 中有 21 张图像。以下是图片示例。

<img src="fruits/lychee.png" class ="fruit" id="fruitl156">
<img src="fruits/cranberry.png" class ="fruit" id="fruitl141">
<img src="fruits/avocado.png" class ="fruit" id="fruitl214">

当页面加载时，将显示 3 - 6 个随机图像。现在我希望能够通过其 id 知道哪些图像是可见的。所以基本上我想将每个可见图像的 ID 传递给一个函数。

我就是这样做的。但它没有按预期进行。并非所有可见图像 ID 都被传递。我如何识别可见图像并能够将它们的每个 ID 传递给 passFunction()？

$('#getIDs').click(function(){
   if( $('.fruit').css('visibility', 'visible') ){
       passFunction( $(this.id) );
   }
});

Answer 1

尝试在文档加载时使用此伪 :visible(假设图像是在文档加载时随机创建的)，如下所示:

$('.fruit:visible').each(function(){
       passFunction( $(this).attr("id") );
});