:last-of-type

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

:last-of-typeは兄弟要素のうち最後に登場する要素を検索できるセレクタです。

次のような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>

次のスクリプトではdt4の文字色を赤色に、d41の文字色を青色に変更できます。

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

sample

jQuery 1.9.0での追加/変更

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

参考URL

:last-of-type Selector | jQuery API Documentation

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

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

検索

スポンサードリンク

バージョン

リファレンス