如何在 jQuery 中将一个函数应用于多个图像？

Question

我需要一些（可能）非常简单的帮助。

我想使用一个将图像从彩色转换为灰度的脚本。 我让它部分工作 - 第一个图像变成灰色，但第二个图像不会。

我知道这是因为一个 id 不能多次使用：

var imgObj = document.getElementById('grayimage');

我尝试了这个：

var imgObj = $(’.grayimage’)[0];

但它不起作用。将其更改为 getElementByClass 也不起作用。 （在人们询问之前，我确实将 标记中的 id 更改为 class。）

我确实可以在这里使用一些帮助。提前致谢！

Answer 1

$('.grayimage').each(function(idx,imgObj){
    <do your code here>
});

Answer 2

$('.grayimage') 为您提供以grayimage 作为类的所有元素的列表。如果添加“[0]”，您将访问第一个元素，因此您所做的任何更改都将仅应用于在此类中找到的第一个图像。

您应该循环遍历所有元素：

var images = $('.grayimage');
for(i = 0; i < images.length; i++) {
   var image = images[i];

   // Do stuff
}