Latest web development tutorials

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

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

選択された第3のサブ要素に属する親要素の各<p>要素:

$("p:nth-child(3)")

»をお試しください

定義と使用法

:n番目の子(n)のセレクタは、その親要素に属するすべての要素がn番目の要素の型に限定されるものではない選択します。

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


文法

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

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

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


例

試してみてください - 例

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

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

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

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


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