jQueryの最も近い()メソッド
例
戻る<span>の最初の祖先要素は、<UL>要素です。
$(document).ready(function(){
$("span").closest("ul").css({"color":"red","border":"2px solid red"});
});
$("span").closest("ul").css({"color":"red","border":"2px solid red"});
});
結果:
body (great-great-grandparent)
div (great-grandparent)
- ul (second ancestor - second grandparent)
- li (direct parent) span
- ul (first ancestor - first grandparent)
»をお試しください
定義と使用法
最も近い()メソッドは、最初の祖先要素の選択した要素を返します。
ように先祖の父、祖父、曽祖父、と。
DOMツリー:この方法は、文書のルート要素(<HTML>)のすべてのパスまで、現在の要素から最大横断最初の祖先要素のDOM要素を見つけること。
このメソッドは、 親が()の両方が、DOMツリーをトラバース、似ていますが、違いは次のとおりです。
最も近いです()
- 現在の要素から出発
- 上向きDOMツリーに沿って第1の単一の祖先トラバーサル、および渡されたマッチング式を返します
- jQueryオブジェクトのゼロまたは1つの要素を返します。
両親()
- 親要素から出発
- DOMツリートラバーサルアップに沿って、式が渡されたすべての祖先と一致して返します
- 戻り値は、jQueryオブジェクトの1つ以上の要素をゼロ
その他の関連する方法:
- 親は() -選択された要素の直接の親要素を返します。
- parentsUntil() - 2の間の素子パラメータのすべての先祖を返します。
文法
最初の祖先要素の要素を選択した戻り値:
$(selector).closest( filter )
DOMツリーDOMコンテキストは、最初の祖先要素を見つける返します。
$(selector).closest( filter,context )
参数 | 描述 |
---|---|
filter | 必需。规定缩小搜索祖先元素范围的选择器表达式、元素或 jQuery 对象。 |
context | 可选。在其内可以找到匹配元素的 DOM 元素。 |
より多くの例
戻る<span>の最初の祖先要素は、<span>の要素であります
現在の要素の最初からこの方法は、<span>の最初の<span>を検索しているので、<スパン>に戻ります。
コンテキストとしてDOM要素では最初の祖先の検索に渡されます
DOMエレメントで使用されている2つのパラメータは、最初の<UL>要素を検索するためのコンテキストとして渡されます。