closest()

closest()はjQueryオブジェクトの先祖要素が検索可能なメソッドです。

引数にセレクタを指定することで、セレクタにマッチした最も近い先祖要素のjQueryオブジェクトを返します。ただし、セレクタが自身とマッチする場合は元のセレクタを返します。

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

<div id="d1" class="c e">
	<div id="d2" class="c e">
		<div id="d3" class="c">
			<div id="d4"></div>
		</div>
	</div>
</div>

次のスクリプトを実行するとclosest()の引数のセレクタが自身とマッチするので自身のjQueryオブジェクトが返ってきます。

$("#d4").closest("div").css("border-color","red");

次のスクリプトを実行すると先祖要素である#d3のjQueryオブジェクトが返ってきます。

$("#d4").closest("#d3").css("border-color","red");

次のスクリプトを実行するとクラス属性「c」をもつ最初の先祖要素で#d3のjQueryオブジェクトが返ってきます。

$("#d4").closest(".c").css("border-color","red");

closest()はjQuery 1.3.0で追加されたメソッドです

jQuery 1.6.0から引数にjQueryオブジェクトやDOMオブジェクトの指定が可能になりました。

登録日 : 2013年03月06日最終更新日 : 2013年3月6日

jQuery リファレンス