:last

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

lastフィルタはjQueryオブジェクトを最後の要素のみにしぼり込めるセレクタです。

次のような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">list5</li>
<li id="list6">list6</li>
<li id="list7">list7</li>
<li id="list8">list8</li>
</ul>

次のコードでは#list8を含んだjQueryオブジェクトを返します。

$("ul li:last")

last-child擬似クラスとは挙動が少し異なるので注意してください。

では、次のHTMLにlastフィルタを利用するとどうなるでしょう?

<h1>item1</h1>
<h2>item2</h2>
<h2>item3</h2>
$("h1,h2").filter(":last")

この場合はitem3を含んだjQueryオブジェクトを返します。

登録日 : 2012年10月17日 最終更新日 : 2012年10月17日

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

検索

スポンサードリンク

バージョン

リファレンス