I have this jQuery and HTML http://jsfiddle.net/UgX3u/30/
-
This example assumes you have to work with elements already on a page with classes assigned to them:
var classes = [];
// Populate classes array
// e.g., ["yellow", "red", "green", "blue", "pink", "orange", "black", "white"]
$('div.container').children().each(function (i, v) {
classes.push(v.className);
});
// Assign random color to each div
$('div.container').children().each(function (i, v) {
var color = Math.floor(Math.random()*classes.length)
$(v).css({backgroundColor: classes.splice(color,1)});
});
http://jsfiddle.net/UgX3u/40/