ImpressCMS
HOME  >  JSCRIPT  > DOMの指定方法 > jQueryフィルターを利用する > 奇数番目の要素(oddフィルター)と偶数番目の要素(evenフィルター)

10 - 7 - 2 : 奇数番目の要素(oddフィルター)と偶数番目の要素(evenフィルター)

ここでは奇数番目と偶数番目のフィルターの設定を行います。
奇数番目のp要素の下のボーダーを赤い1ピクセルの実線で引き、偶数番目のp要素の下のボーダーを1ピクセルの青いdottedで引いてみましょう。
スクリプトは以下の通りです。
                $('p:odd').css('border-bottom','1px solid red');
                $('p:even').css('border-bottom','1px dotted blue');
奇数番目と偶数番目でそれぞれ赤い線と青い線で区切られましたか?
ちなみに私たちは1番目、2番目と数えますが、ブラウザでは0番目、1番目と数えるため、最初の要素は偶数になりますので気を付けて下さい。

 
Publish : 978 bytes - updated 2024-07-10 by 管理人