javascript - 识别可见图像

Question

我有大约 120 张图像(图标)。页面加载时，将显示随机数量的图像。我需要一次将每个可见图像的 id 传递给一个函数。我怎样才能做到这一点？

<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">

$('#getIDs').click(function(){
   if( $('.fruit').css('visibility', 'visible') ){
       var thisid = $(this).attr("id");
       passFunction( thisid, var2, var3 );
   }
});

Answer 1

获取每个可见元素并将其传递给函数。

$('.fruit:visible').each(function(){
    var thisid = this.id;
    passFunction( thisid, var2, var3 );
})

另一种方法是使用 .map() 和 get() 获取 ID 数组，然后一次性传递所有内容，并在被调用函数中执行必要的操作.

var IDs = $('.fruit:visible').map(function () {
    return this.id;
}).get();

passFunction( IDs, var2, var3 );//Changes on passFunction are needed for handling array.