見やすさを考慮してテーブルの背景色を一行ごとに変える方法はよく見る手法です。それを jQuery で行います。
例えば、下記のような構造の HTML があったとします。
|
1 2 3 4 5 6 7 8 |
<ul> <li class="target">one</li> <li class="target">two</li> <li class="target">three</li> <li class="target">four</li> <li class="target">five</li> </ul> |
この li 要素の偶数番目の要素にだけスタイルを適用するには、下記のように記述します。ただし、0番目からカウントされますので、この場合はone、three、fiveが赤くなることになります。
|
1 2 3 4 |
$('.taget:even').css({ 'color': '#ff0000' }); |
奇数番目にする場合は even を odd にします。
|
1 2 3 4 |
$('.taget:odd').css({ 'color': '#ff0000' }); |