每个子元素的随机颜色

Question

我正在尝试编写一个函数，它将为任何具有“randomcolor”类的元素设置随机文本颜色。所以我有这个

$('.randomcolor').each( function() {
    $(this).css('color', randomColor());
}

..但它似乎不起作用，即使它没有出错。

randomColor() 函数工作得很好（或者不是？），我已经测试过了：

function randomColor() { return '#'+(Math.random()*0xFFFFFF<<0).toString(16); }

那么我的代码有什么问题？

Answer 1

您可以使用以下方法生成随机颜色

$('.randomcolor').each(function() {
  $(this).css('color', "#" + (Math.random() * 16777215 | 0).toString(16))
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="randomcolor">abc</div>
<div class="randomcolor">abc</div>
<div class="randomcolor">abc</div>
<div class="randomcolor">abc</div>
<div class="randomcolor">abc</div>
<div class="randomcolor">abc</div>
<div class="randomcolor">abc</div>