jQueryのparentsUntil()メソッド

❮jQueryトラバースメソッド

<span>と<div>の間のすべての祖先要素を返します。

$(document).ready(function(){
  $("span").parentsUntil("div").css({"color": "red", "border": "2px solid red"});
});

結果:

body (great-great-grandparent)
div (great-grandparent)
    ul (grandparent)
  • li (direct parent) span

定義と使用法

親Until()メソッドは、セレクターストップの間のすべての祖先要素を返します。

祖先は、親、祖父母、曽祖父母などです。

DOMツリー:このメソッドは、特定の要素に到達するまで、DOM要素の祖先に沿って親要素からドキュメントのルート要素まで上向きにトラバースします。

注:両方のパラメーターが空の場合、このメソッドはすべての祖先要素を返します( parents()メソッドと同じ )。

関連する方法:

  • parent() -選択した要素の直接の親要素を返します
  • 親() -選択した要素のすべての祖先要素を返します
  • close() -選択した要素の最初の祖先を返します


構文

$(selector).parentsUntil(stop,filter)

Parameter Description
stop Optional. A selector expression, element or jQuery object indicating where to stop the search for matching ancestor elements
filter Optional. Specifies a selector expression to narrow down the search for ancestors between selector and stop

Note: To return multiple ancestors, separate each expression with a comma.

自分で試してみてください-例


を絞り込む両方のパラメーターを使用して、<span>と<div>の間の特定の要素の検索をフィルター処理する方法。


を返す<span>と<body>の間に複数の祖先を返す方法。


DOM要素を使用して、<span>と<div>の間のすべての祖先を返します。


使用して検索をフィルタリングするDOM要素を使用して<span>と<div>の間の<ul>要素の祖先検索を絞り込みます。


❮jQueryトラバースメソッド