我有一个元素列表,它们都需要从颜色数组中应用随机背景颜色。
我的 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优先。
最佳答案
$('li').each(function () {
$(this).css('background-color', random());
});
function random() {
colors = ['red', 'white', 'blue', 'green']
return colors[Math.floor(Math.random() * colors.length)];
}
关于php - 数组中的随机颜色应用于页面上的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15268897/