:nth-last-of-type()

このエントリーをはてなブックマークに追加

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

次のようなHTMLがあったとします。

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

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

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

sample

jQuery 1.9.0での追加/変更

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

参考URL

:only-of-type Selector | jQuery API Documentation

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

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

検索

スポンサードリンク

バージョン

リファレンス