jQuery 基本フィルタ(4) 「:even」、「:odd」タグ

選択されている要素の中から、偶数番目の要素、または、奇数番目要素を抽出します。

たとえば、$(“div:odd”) とした場合、div要素の中で奇数番目のものだけが選択されます。

以下にサンプルを示します。



基本フィルタ



$(function(){
        // 偶数番目のpタグの背景をorangeに
        $("div p:even").css("background","orange");

        // 奇数番目のpタグの背景をピンクに
        $("div p:odd").css("background","pink");
});



japan

zack japan

kamo japan

torushie japan

fruit

orange

lemon

apple

peach

animal

lion

puma

ここでは、divタグ配下にあるpタグの中で偶数番目の要素の背景をオレンジに、
divタグの配下にあるpタグの中で奇数番目の要素の背景をピンクにしています。

$("div p:even").css("background","orange");
$("div p:odd").css("background","pink");

/

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

four × three =