jquery - 向元素添加背景图像和背景颜色对

Question

html我正在尝试以特定方式向标签添加一对背景样式。这是我到目前为止所拥有的。

$(function() {
  var images = ['bg-day.png', 'bg-sunset.png', 'bg-night'];
  var colors = ['#0066CD', '#ff0000', '#1D2951'];
  $('html').css({'background-image': 'url(img/' + images[Math.floor(Math.random() * images.length)] + ')'});
});

所以，我需要做的是对变量进行相应的配对，其中 0 位置同时是bg-day.pngand #0066CD，依此类推。因此，如果提供给html标签的背景图像是，它也会为标签bg-day.png添加背景颜色。#0066CDhtml

Answer 1

存储随机数，并将其用作两个数组的索引：

$(function() {
  var images = ['bg-day.png', 'bg-sunset.png', 'bg-night'],
      colors = ['#0066CD', '#ff0000', '#1D2951'],
      index  = Math.floor(Math.random() * images.length);

  $('html').css({'background-image' : 'url(img/' + images[index] + ')',
                 'background-color' : colors[index]
               });
});