Question

I need a little help with (probably) something really simple.

I want to use a script which converts images from color to grayscale.
I got it working partially — the first image turns gray, but the second won’t.

I know this is because an id cannot be used multiple times:

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

I tried this:

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

But it didn’t work. Changing it to getElementByClass also does not work. (Before people ask, I did change the id to class in the <img> tag.)

I really could use some help here. Thanks in advance!

Answer 1

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