jquery - jQueryを使用したチェス盤の黒と白の交互の色

Question

div要素のみ（ネストされたものはなし）のjQueryを使用し、IDやクラス名を使用せずに、チェス盤の黒と白の色を交互に作成することは可能ですか？

jsfiddleでサンプル例を作成しました

score 2 · Accepted Answer

HTMLを変更する必要はありません。

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

score 0 · Accepted Answer

jQueryを試してみたい場合は、各H列の後に空白（幅：0）のdivを追加して、新しい行のパリティを逆にします。

更新：私はこのようなものを意味しました。

score 0 · Accepted Answer

HTMLとCSSを少し変更する必要がありましたが、これがあなたの望みだったと思います。これは、jQueryの：oddおよび：evenセレクターで実行されます

これを達成するために、8つの正方形の行を別のdivでラップしました。

score 0 · Accepted Answer

現在のJSfiddleの例は問題ありません（：oddおよび：evenセレクターを使用）。ただし、実際には、この特定のUIには（DIVの代わりに）テーブルを使用することをお勧めします。次に、行セレクターとTD（テーブルデータセル）セレクターを簡単に組み合わせて、色を変えることができます。

4 に答える 4