例
最初の祖先返す<span> 、つまり<ul>要素：
$(document).ready(function(){
$("span").closest("ul").css({"color": "red", "border": "2px
solid red"});
});
結果：
body (great-great-grandparent)
div (great-grandparent)
ul (second ancestor - second grandparent) ul (first ancestor -
first grandparent) - li (direct parent) span
»それを自分で試してみてください 定義と使用法
closest()メソッドは、選択した要素の最初の祖先を返します。
祖先は、というように、親、祖父母、曽祖父である、と。
DOMツリー：現在の要素からトラバース上向きこの方法は、文書のルート要素までのすべての方法(<html>) 、DOM要素の最初の祖先を見つけます。
この方法は、に似ているparents()どちらもDOMツリーをトラバースことで、。 相違点は次のとおりです。
closest()
- 現在の要素で始まります
- DOMツリーを移動し、渡された表現に一致する最初の（シングル）の祖先を返します
- 返されたjQueryオブジェクトは、ゼロまたは1つの要素が含まれています
parents()
- 親要素で始まります
- DOMツリーを移動し、渡された式に一致するすべての祖先を返します
- 返されたjQueryオブジェクトは、ゼロまたは複数の要素が含まれています
その他の関連する方法：
- parent() -選択された要素の直接の親要素を返します。
- parentsUntil() - 2指定された引数の間のすべての祖先要素を返します。
構文
選択した要素の最初の祖先を返します：
$(selector).closest( filter )内DOMツリーをルックアップするために、DOMコンテキストを使用して最初の祖先を返します：
$(selector).closest( filter,context )| パラメーター | 説明 |
|---|---|
| filter | 必須。 祖先の検索を絞り込むためにセレクタ式、要素またはjQueryオブジェクトを指定します。 |
| context | 任意。 一致する要素が見つからすることができる内DOM要素 |
それを自分で試してみてください - 例
最初の祖先返す<span> 、それがある<span>要素は、
このメソッドは、現在の要素で始まるので、最初の検索<span>の<span> 、返されます<span> 。
最初の祖先要素を検索するための内のコンテキストとしてDOM要素に渡します
最初を検索する内コンテキストとしてDOM要素を渡すために両方のパラメータを使用して、 <ul>要素。