ホーム > タグ > 偶数

偶数

jQuery で奇数番目・偶数番目を指定するときの注意点。

ちょっとはまったのでメモ。
リストやテーブルに対して、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が青文字になるはずですね。
ところが、使用する方法(セレクタ)によっては、期待したのとは逆の結果になることがあります。
この記事の続きを読む

1 / 11

Home > Tags > 偶数

リンク
フィード
メタ情報

このページのトップへ