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！