Question

Is it possible to create alternate black and white colors for chess board using jQuery with div elements only (no nested one’s) and also without using id’s or class names?

I created a sample example in jsfiddle

Answer 1

No changes to your HTML required.

$('#mainChessBoard div').each(function(index){
    $(this).css('background-color', (parseInt(index / 8) + index) % 2 == 0 ? 'grey' : '#CCCCCC');
});​

http://jsfiddle.net/W7p5F/24/