:first

firstフィルタは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>

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

$("ul li:first")

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

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

<h1>item1</h1>
<h2>item2</h2>
<h2>item3</h2>

$("h1,h2").filter(":first")

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

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

jQuery リファレンス

:first

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

検索

スポンサードリンク

バージョン

リファレンス