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！