Latest web development tutorials

jQueryの:n番目の-最後の型()セレクタ

jQueryのセレクタ jQueryのセレクタ

選択した3番目の<p>要素、最後のスタートのカウントからの子要素に属する親要素の各<p>要素:

$("p:nth-last-of-type(3)")

»をお試しください

定義と使用法

:n番目の-最後の型(n)のセレクタが最後の子要素数から親要素のn番目の要素の特定のタイプに属するすべての要素を選択します。

ヒント:使用:n番目の-最後の子()セレクタ、その親要素に属するすべての要素を選択するには最後の子要素数からn番目の要素の型に限定されるものではありません


文法

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

参数 描述
n 要匹配的每个子元素的索引。

必须是一个数字。第一个元素的索引号是 1。
even 选取每个偶数子元素。
odd 选取每个奇数子元素。
formula 规定哪个子元素需通过公式 ( an + b ) 来选取。 实例:p:nth-last-child(3n+2) 选取每个第三段,从倒数第二段开始。


例

試してみてください - 例

各<p>要素は、最初の<p>要素の最後のスタートカウントから子要素をすべての<div>要素を選択します
各<p>要素は、どのように最初の<p>要素、最後のカウントから子要素内のすべての<div>要素を選択します。

式を用いて(+ b)は
別の<p>要素、最後のカウントからの子要素を選択するために、式(+ B)を使用する方法。

使用する「偶数」と「奇数」
最後の子要素数から始めて、異なるサブ要素を選択するために、偶数と奇数を使用する方法。

:n番目の子()、:n番目の -last-子()、:の型-n番目の() ()の間で異なるn番目の-の最後型:と
P:n番目の子(2)、P:n番目の-最後の子(2)、P:n番目の-の型(2)とp:n番目の-の-最後の型の間(2)異なっています。


jQueryのセレクタ jQueryのセレクタ