javascript - 从样式组中选择 css 样式

Question

我正在为数据库中的每个条目生成 Div。

<div class='db-green'>Sample Code</div>
<div class='db-blue'>Sample Code</div>
<div class='db-blue'>Sample Code</div>
<div class='db-yellow'>Sample Code</div>

我想要的是通过在数组中定义颜色来随机选择 Div 类中的颜色。

我希望使用 Less 或 sass 的解决方案，还是应该使用 JS？

Answer 1

与您提出的问题类似的问题有一个解决方案:randomly display a div class using JQuery

您可以使用 jQuery 为随机 div 元素定义颜色:

var divs = ['.db-green', '.db-blue', '.db-yellow']; // possible divs
var color = ["blue", "yellow", "red"]; // potential colors
var random = Math.floor(Math.random() * divs.length);
var entry = divs[random];
$(entry).css("color", color[0]);