:last-child

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

last-child擬似クラスは同一の親要素内の最後の子要素を検索できるセレクタです。

<ul>
<li id="list1">list1</li>
<li id="list2">list2</li>
<li id="list3">list3</li>
<li id="list4">list4</li>
</ul>

このようなHTMLがあった場合、次のセレクタでは#list4のjQueryオブジェクトを返します。

$("li:last-child")

では、つぎのようなHTMLの場合はどうでしょうか?

<ul>
<li id="list1">list1</li>
<li id="list2">list2</li>
<li id="list3">list3</li>
<li id="list4">list4</li>
</ul>
<ul>
<li id="list5">list1</li>
<li id="list6">list2</li>
<li id="list7">list3</li>
<li id="list8">list4</li>
</ul>

この場合は#list4と#list8を含んだjQueryオブジェクトを返します。このようにlast-child擬似クラスでは同一の親要素内の最初の子要素を検索できます。

最後ではなく最初の要素はfirst-child擬似クラスで検索可能です。

参考URL

:last-child Selector – jQuery API

登録日 : 2012年09月26日 最終更新日 : 2012年9月26日

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

検索

スポンサードリンク

バージョン

リファレンス