Latest web development tutorials

jQueryの最も近い()メソッド

jQueryのトラバーサル方法 jQueryのトラバーサル方法

戻る<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

»をお試しください

定義と使用法

最も近い()メソッドは、最初の祖先要素の選択した要素を返します。

ように先祖の父、祖父、曽祖父、と。

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>要素を検索するためのコンテキストとして渡されます。


jQueryのトラバーサル方法 jQueryのトラバーサル方法