jQuery リファレンス

Tweet

:nth-of-type(n)は兄弟要素のうち特定の要素のみを数えて、最初からn番目の要素絞り込むセレクタです。

次のようなHTMLがあったとして、

<dl>
	<dt>dt1</dt>
	<dd>dd1</dd>
	<dt>dt2</dt>
	<dd>dd2</dd>
	<dt>dt3</dt>
	<dd>dd3</dd>
</dl>

次のスクリプトで、dd2のCSSを変更することができます。

$("dd:nth-of-type(2)").css("color","red");

sample

:nth-of-type()はCSS3で定義されているセレクタのためCSS3対応ブラウザでは古いバージョンのjQueryから利用できますが、jQuery 1.9.0でjQueryのSizzleエンジンに追加されCSS3未対応ブラウザでも利用可能になりました。

参考URL

:nth-of-type() Selector | jQuery API Documentation

登録日 : 2013年01月10日 最終更新日 : 2013年1月10日

同じカテゴリー(Selectors)のエントリー

• :disabled
• [attribute~=’value’]
• [attribute|=’value’]
• :animated
• :focus
• :target
• :lang()
• :root
• :only-of-type
• :last-of-type
• :first-of-type
• :nth-last-of-type()
• :nth-of-type()
• :nth-last-child()
• :selected
• :checked
• :file
• :button
• :reset
• :image
• :submit
• :checkbox
• :radio
• :password
• :text
• :input
• :parent
• :has()
• :contains()
• :header
• :lt()
• :gt()
• :eq()
• :odd
• :even
• :last
• :first
• [attributeFilter1][attributeFilter2]
• [attribute*=’value’]
• [attribute$=’value’]
• [attribute^=’value’]
• [attribute!=’value’]
• [attribute=’value’]
• [attribute]
• :not()
• :empty
• :only-child
• :last-child
• :first-child
• 兄弟セレクタ
• 隣接セレクタ
• 子セレクタ
• 子孫セレクタ
• グループセレクタ
• classセレクタ
• idセレクタ
• 要素セレクタ
• ユニバーサルセレクタ