:nth-last-child()

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

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

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

<ul>
	<li>list1</li>
	<li>list2</li>
	<li>list3</li>
	<li>list4</li>
	<li>list5</li>
</ul>

次の命令では後ろから数えて2番目のlist4のCSSが変更されます。

$("li:nth-last-child(2)").css("color","red");

sample

jQuery 1.9.0での追加/変更

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

参考URL

:nth-last-child() Selector | jQuery API Documentation

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

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

検索

スポンサードリンク

バージョン

リファレンス