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");

コメントを残す

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

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>