そらいっちさん( @soraiy )のブログ"CSS3 で3の倍数の要素にスタイルを適用する | ウェブル"となつきさん( @Stocker_jp )のツイート"IEは8までダメだけどJS使えばいけるっぽい。 "を見て。

そらいっちさん( @soraiy )さんのブログ、

CSS3 で3の倍数の要素にスタイルを適用する | ウェブル

となつきさん( @Stocker_jp )のツイート、

IEは8までダメだけどJS使えばいけるっぽい。

を見て私も挑戦してみる！

HTMLのソースコード

<ul id="u0">
    <li>リスト1</li>
    <li>リスト2</li>
    <li>リスト3</li>
    <li>リスト4</li>
    <li>リスト5</li>
    <li>リスト6</li>
    <li>リスト7</li>
    <li>リスト8</li>
    <li>リスト9</li>
</ul>

• リスト1
• リスト2
• リスト3
• リスト4
• リスト5
• リスト6
• リスト7
• リスト8
• リスト9

コード(Microsoft Visual Web Developer 2010 Express Editionのエディタ)

var list = $('#u0').children();
for (var i = 0; i < list.length; i++) {
    if ((i + 1) % 3 == 0) {
        list.eq(i)
        .attr('style', 'color:Red');
    }
}

なつきさんのJavaScript使うってこういうことかな？