English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery closest() メソッド

jQueryのAJAXメソッド

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

closest()メソッドは、現在の要素から上に向かってドキュメントのルート要素(<html>)まで遡って、DOM要素の最初の祖先を見つけます。

closest()とparents()方法は似ていますが、どちらもDOM木を遍历します。以下の違いがあります:

closest()

  • 現在の要素から始めて

  • 提供されたセレクタに一致するオブジェクトを見つけるまでDOM木を上に移動します

  • 返されるjQueryオブジェクトは、ドキュメントの順序に従って、元の集合の各要素に0個または1個の要素を含んでいます

parents()

  • 親要素から始めて

  • 在DOM树中浏览到文档的根元素,将每个祖先元素添加到一个临时集合中;然后,如果有选择器,则根据选择器过滤该集合

  • DOMツリーをブラウジングしてドキュメントの根要素に達し、各祖先要素を一時的な集合に追加します;その後、選択子がある場合、その集合をフィルタリングします

返されるjQueryオブジェクトは、元の集合の各要素に対して、逆のドキュメント順序で零個以上の要素を含みます

文法:

選択された要素の最初の祖先を返します:

$.closest(selectorExpression)

DOM上下文を使用して最初の祖先を返し、そこでDOMツリーを検索します:

$.closest(selectorExpression, context)

返す<span>の最初の祖先、すなわち<div>要素:
body(曾曾曾祖父)
div(曾曾祖父)
div(曾祖父)-div(最初の祖先

祖父)                      p(直接の親)

span

コードを実行

引数の値引数
説明selectorExpression
指定された選択子表現、要素、またはjQueryオブジェクトを使用して要素をマッチしますcontext

jQueryのAJAXメソッド