php - 数组中的随机颜色应用于页面上的元素

Question

我有一个元素列表，它们都需要从颜色数组中应用随机背景颜色。

我的 HTML 结构很简单:

<ul class="moreorless-list">
  <li><span>Word</span></li>
  <li><span>Word</span></li>
  <li><span>Word</span></li>
  <li><span>Word</span></li>
  <li><span>Word</span></li>
  <li><span>Word</span></li>
</ul>

例如，颜色数组可以是:#ffffff、#111111、#222222、#333333 等。

我需要从数组中获取颜色并将它们随机应用到列表中；这当然意味着某些颜色重复两次就可以了。

有什么想法可以实现这一点吗？ PHP或JS优先。

Answer 1

$('li').each(function () {
    $(this).css('background-color', random());
});

function random() {
    colors = ['red', 'white', 'blue', 'green']
    return colors[Math.floor(Math.random() * colors.length)];
}