javascript - 如何将函数应用于 jQuery 中的多个图像？

Question

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

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

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

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

我试过这个：

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

但它没有用。将其更改为getElementByClass也不起作用。（在人们问之前，我确实将标签id中的 to 类更改了。）<img>

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

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
}