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

jQuery :nth-child() Selector

<jQueryのセレクタ

各選択<p>親の3番目の子である要素を:

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

定義と使用法

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

ヒント:使用して:nth-of-type()あるすべての要素を選択するセレクタをn th子、 特定の種類の 、彼らの親のを。


構文

:nth-child( n |even|odd| formula )

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

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

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

各選択<p>すべての第二子である要素<div>要素を
それぞれの選択方法<p>すべての第二子である要素<div>要素を。

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

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

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


<jQueryのセレクタ