如何在jQuery中將函數應用於多個圖像？

Question

我需要一些幫助（可能）非常簡單。

我想使用一個腳本將圖像從彩色轉換為灰度。 我讓它部分工作 - 第一個圖像變灰，但第二個圖像不變。

我知道這是因為id不能多次使用：

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

我試過這個：

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

但它沒有用。 將其更改為getElementByClass也不起作用。 （在人們問之前，我確實在<img>標簽中將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
}