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

jQuery :nth-last-child() Selector

<jQueryのセレクタ

各選択<p>最後の子から数えて、その親の3番目の子である要素を:

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

定義と使用法

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

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


構文

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

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

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

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

各選択<p>すべての最初の子である要素<div>最後の子から数えて、要素を
選択する方法<p>すべての最初の子である要素<div>最後の子から数えて、要素を。

式を用いて(an + b)
式の使い方( an + b )最後の子から数えて、別の子要素を選択します。

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

間の差:nth-child(), :nth-last-child(), :nth-of-type():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のセレクタ