每个子元素的随机颜色

Question

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

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

每个子元素的随机颜色

Random color for each child element

random

jquery

colors