jQuery :nth-of-type() 選択子

jQuerの選択子

：nth-of-type()選択子は、一つの兄弟グループ内での位置に基づいて指定されたタイプの全ての要素を選択します。

使用：nth-child()選択子は、全ての要素の位置（タイプに関わらず）に基づいて全ての要素を選択することができます。

文法：

$":nth-of-type(number|An+B|odd|even)")

例

親要素の第3つの<span>要素に属するすべての<span>要素を選択

$("document").ready(function(){
　　$("span:nth-of-type(3)").css("background",　"lime");
});

奇数と偶数キーワードは、インデックスが奇数または偶数の子要素に一致するために使用されます：

$("document").ready(function(){
　　$("span:nth-of-type(odd)").css("background",　"lime");
　　$("span:nth-of-type(even)").css("background",　"aqua");
});

パラメータ値

jQuerの選択子