Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog ちょっとはまったのでメモ。 リストやテーブルに対して、jQuery で奇数番目・偶数番目の要素を指定するときの注意点です。 例えば、以下のような HTML があるとします。 <ul id="list"> <li>要素01</li> <li>要素02</li> <li>要素03</li> <li>要素04</li> <li>要素05</li> </ul> で、奇数番目の li 要素の文字色を赤に、偶数番目の li 要素の文字色を青に変更したいと思います。 正しく実行されれば、要素01・要素03・要素05が赤文字、要素02・要素04が青文字になるはずですね。 ところが、使用する方法(セレクタ)によっては、期待したのとは逆の結果になることがあります。 「:odd」、「:
![jQuery で奇数番目・偶数番目を指定するときの注意点。](https://cdn-ak-scissors.b.st-hatena.com/image/square/49db32384130c7cd36699e2a31bfa8a64ab339ab/height=288;version=1;width=512/https%3A%2F%2Fbtmup.com%2Fblog%2Fwp-content%2Fuploads%2F2011%2F01%2Fsample_odd_even.png)