1

投稿の特定の要素が同じランダムな色の値を持つデザインのアイデアを念頭に置いています。

例：

<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());
});
4

2 に答える 2

1

次のようにコードを少し変更する必要があります。

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

子セレクターは自由に変更できることに注意してください。

これが実際の例です: http://jsfiddle.net/r74j6/212/

于 2013-08-12T21:00:16.683 に答える