色のシャッフル

Question

2行7列のテーブルを作成しました。第1行では、各セルは異なる色になります。第2行では、テキストボックスを作成しました。次に、第1行の色をシャッフルするjqueryまたはjavascript.ie色は別のセルに配置する必要があります。誰も私を助けてshuffled.Can https://jsfiddle.net/xhoqhk8a/ は今、私はこれらすべての色が取得したい： は、ここでこれは私の出力である色

<div class="form-group" > 
<label class="control-label col-sm-2" for="pwd" style="color:#FFFFFF" > Color Password:</label> 
<div class="col-sm-5"> 
<table border="5px" width="300px" height="50px" align="center"> 
<tr> 
<label><td bgcolor="blue" height="25px" ></td></label> 
<label><td bgcolor="red" height="25px" ></td></label> 

<label><td bgcolor="green" height="25px" ></td></label> 
<label><td bgcolor="yellow" height="25px" ></td></label> 

<label><td bgcolor="orange" height="25px" ></td></label> 
<label><td bgcolor="black" height="25px" ></td></label> 

<label><td bgcolor="pink" height="25px"></td></label> 
<label><td bgcolor="brown" height="25px"></td></label> 
</tr> 
<tr> 
<td> <input type="text" size="4" name="blue"></td> 
<td> <input type="text" size="4" name="red"></td> 
<td> <input type="text" size="4" name="green"></td> 
<td> <input type="text" size="4" name="yellow"></td> 
<td> <input type="text" size="4" name="orange"></td> 
<td> <input type="text" size="4" name="pink"></td> 
<td> <input type="text" size="4" name="brown"></td> 

</tr> 
</table> 

</div></div> 

のテーブルのために私のコードです。

Answer 1

あなたはまた

var colorCells = $('#colors > td'); 
$.each(colorCells, function(idx){ 
    $(colorCells[idx]).css("background-color", '#'+Math.random().toString(16).slice(-6)); 
}) 

https://jsfiddle.net/xhoqhk8a/2/

jQueryをせずに（jQueryの使用）そのようなあなたの背景色をshuffeできます

var colorCells = document.getElementById('colors').getElementsByTagName('td'); 
for(var i = 0; i < colorCells.length; i++){ 
    colorCells[i].style.backgroundColor = '#'+Math.random().toString(16).slice(-6); 
} 

ことがある場合は、すべてのあなたのJavaScriptコードは、あなたがしたいです私はプレーンJavaScriptバージョンを使用しないことをお勧めします。

編集：

あなたは色のみの固定セットを使用する場合：

var colorCells = document.getElementById('colors').getElementsByTagName('td'); 
var colors = ["blue","red","green","yellow","orange","pink","brown","black"]; 
for(var i = 0; i < colorCells.length; i++){ 
    colorCells[i].style.backgroundColor = colors.splice(Math.random() * (colors.length - 0) + 0,1); 
}