jqueryのいくつかの画像に関数を適用するにはどうすればよいですか？

Question

（おそらく）本当に簡単なことについて少し助けが必要です。

画像を色からグレースケールに変換するスクリプトを使用したいと思います。私はそれを部分的に動作させました - 最初の画像は灰色に変わりますが、2番目は灰色に変わりません。

これは、IDを複数回使用できないためです。

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

私はこれを試しました：

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

しかし、それはうまくいきませんでした。に変更します getElementByClass また、機能しません。 （人々が尋ねる前に、私は変えました id のクラスに <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
}