ランダムな色-の組み合わせ（テキスト/背景）

Question

私は、テキスト要素と15のdivを持っているし、次欲しい：

ごとにはdivの背景色とテキスト要素の色がランダムに選択さに変更する必要がありますpageloadカラーコンビネーション。

I 10テキストベース& -background-色組み合わせを有する： 組み合わせ-1：テキスト青/背景色のシアン 組み合わせ-2：テキスト黄色/背景色ピンク 組み合わせ-3：テキストシアン/背景-color赤 組み合わせ-4：テキスト赤/背景色ブルー 等

今欲しいjQueryのスクリプトがランダムのdiv（テキスト色とdivの背景色）に色の組み合わせを与えること。

私はランダムな色ではなく、ランダムな色の組み合わせ（ランダムな色のペア）を考えてください。

何とかお手伝いできますか？以下のような何かについて

$(document).ready(function() { 
 
    var back = ["#ff0000","blue","gray", "red", "green", "white"]; 
 
    var rand = back[Math.floor(Math.random() * back.length)]; 
 
    console.log(rand); 
 
    $('div').css('background',rand); 
 
    $('span').css('color',rand); 
 
    })

div { 
 
    width:200px; 
 
    height:200px; 
 
    background:red; 
 
}

<div> 
 
<span>text</span> 
 
</div>

http://jsfiddle.net/sJTHc/356/ （テキストと背景が常に同じランダムな色です）

私はこの組み合わせ-事を解決する方法が分からない...

Answer 1

方法これは：

var colors = [ 
    ['blue', 'cyan'], 
    ['yellow', 'pink'], 
    // etc… 
]; 

function getRandomColorCombination(colors) { 
    var random = parseInt(Math.random() * colors.length); 

    return colors[random]; 
} 

$('div').each(function() { 
    var randomColorCombination = getRandomColorCombination(colors); 

    $(this).css('color', randomColorCombination[0]); 
    $(this).css('backgroundColor', randomColorCombination[1]); 
});