Latest web development tutorials

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

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

選択した3番目の<p>要素に属する親要素の各<p>要素:

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

»をお試しください

定義と使用法

:n番目の-の型(N )セレクタは、親要素のn番目の要素の特定のタイプに属するすべての要素を選択します。

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


文法

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

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

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


例

試してみてください - 例

各<p>要素は、2つ目の<p>要素のすべての<div>要素を選択します
各<p>要素は、どのように2つ目の<p>要素のすべての<div>要素を選択します。

式を用いて(+ b)は
異なるサブ要素を選択するために、式(+ B)を使用する方法。

使用する「偶数」と「奇数」
別の偶数と奇数のサブ要素を選択する方法。

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


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