每个子元素的随机颜色

Question

我试图编写一个函数，它将随机文本颜色设置为任意元素，并使用＆＃39; randomcolor＆＃39;类。所以我有这个

$('.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>