jquery - 在一个 div 或 post 中随机更改指定元素的颜色

Question

我想到了一个设计理念，其中帖子的某些元素将具有相同的随机颜色值。

例子:

<post>
<top border-top = random color>
<h1 color = same random color>
text body copy (not random color)
<div background = same random color>
more elements (not random color)
<bottom border-bottom = same random color>
<end post>

我自己尝试过并得到了类似的结果，但无法弄清楚如何选择多个元素。

http://jsfiddle.net/r74j6/200/

function get_random_color() {
    var letters = '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++) {
        color += letters[Math.round(Math.random() * 15)];
    }
    return color;
}


$(".post").each(function() {
    $(this).css('background-color', get_random_color());
});

Answer 1

您需要稍微更改一下代码，使其看起来像这样:

$(".post").each(function() {
    var color = get_random_color();
    $(this).children("h1, div").css('background-color', color);
});

请注意，您可以随意更改子选择器。

这是一个工作示例: http://jsfiddle.net/r74j6/212/