jquery - Jquery同じ名前の複数のクラス、ランダムに異なる背景

Question

タイトルは本当にそれをすべて言うべきです.4つの画像があり、5つのクラスはすべて同じ名前です. 画像は最初の 4 つのクラスに適用されます (同じクラス名です)。5 番目は画像を追加しません (添付の画像を参照)。各クラスで画像がランダムに表示されるようにします。画像もランダムにしたいです。

これが私のコードです。

$("table.catalogFooterArea").css("background", function(i) {
  return [
   "url(Custom/themes/pilot/css/images/catItemFoot.png)",
   "url(Custom/themes/pilot/css/images/catItemFoot2.png)",
   "url(Custom/themes/pilot/css/images/catItemFoot3.png)",
   "url(Custom/themes/pilot/css/images/catItemFoot4.png)"][i];
});

Answer 1

var images = ['catItemFoot.png', 'catItemFoot2.png', 'catItemFoot3.png', 'catItemFoot4.png'];

$("table.catalogFooterArea").each(function(){
  $(this).css({'background' : 'url(custom/themes/pilot/css/images/' + images[Math.floor(Math.random() * images.length)] + ')'})
   });

mplungjan が .each の使用を忘れていたおかげでうまくいきました!