最新のWeb開発のチュートリアル
 

jQuery :nth-of-type() Selector

<jQueryのセレクタ

第三の各<p>要素を選択し<p>親の要素を:

$("p:nth-of-type(3)")
»それを自分で試してみてください

定義と使用法

:nth-of-type( n )セレクタは、すべての要素を選択するn th親の特定のタイプの子を、。

ヒント:使用する:nth-child()あるすべての要素を選択するセレクタをn th親の、 タイプに関係なく 、子供を。


構文

:nth-of-type( n |even|odd| formula )

パラメーター 説明
n 一致するように、それぞれの子のインデックス。

数字でなければなりません。 最初の要素はインデックス番号1を持っています。
even 各偶数子要素を選択します
odd 各奇数子要素を選択します
formula 子要素(複数可)は、式で選択することが指定( an + b )
例: p:nth-of-type(3n+2) 2番目の段落から始まる、各3番目の段落を選択し、

それを自分で試してみてください - 例

それぞれを選択し<p>秒である要素<p>すべての要素<div>要素を
それぞれの選択方法<p>秒である要素<p>すべての要素<div>要素を。

式を用いて(+ b)は
式の使い方( an + b )別の子要素を選択します。

使用"even""odd"
別の子要素を選択するために、偶数と奇数の使用方法。

間の差:nth-child() :n番目の-最後の子() 、 :nth-last-child() :n番目の-の型():nth-of-type() :n番目の-の最後型() :nth-of-last-type()
間の差p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2)およびp:nth-of-last-type(2)


<jQueryのセレクタ