【jQuery入門】フィルタを使おう！

例えば下記のHTMLコードがあったとします。

<ul id="sub">
<li>3-0</li>
<li>3-1</li>
<li class="item">3-2</li>
<li class="item">3-3</li>
<li>3-4</li>
</ul> 

 この中で上から３番目のli要素を選択したいといった場合、jQueryでは下記のセレクタ記法を使うことができます。

$("#sub > li:eq(2)" ).css("color" , "red");

eq(2)は一番上を「0」として上から指定した番号の要素を取り出します。このようにjQueryではeqなどのフィルタを使って要素を取り出したりします。 

主なフィルタについて

上記で例示した「eq」以外にも様々なフィルタがあります。

• :eq()　　　　インデックス指定した要素を選択する。
• :gt()　　　　 指定したインデックスより後の要素を選択する。
• :lt()　　　　  指定したインデックスより前の要素を選択する。
• :even　　　  偶数番の要素を選択する。
• :odd　　　　奇数番の要素を選択する。
• :contains()　 指定した文字列を含む要素を選択する。
• :first　　　　先頭の要素を選択する。
• :last　　　　末尾の要素を選択する。