: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)のエントリー
- :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セレクタ
- 要素セレクタ
- ユニバーサルセレクタ