<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
Try it Yourself »
parentsUntil() メソッドは、selector と stop の間にある全祖先要素を返します。
祖先とは、親、祖父母、曽祖父母、などです。
DOM ツリー:このメソッドは、親要素から文書のルート要素(<html>)に達する 全ての通路を、指定の要素に至るまで、DOM 要素の祖先に沿って上方へトラバースします。
注: 両方のパラメータが空の場合、このメソッドは、全ての祖先要素を返します (parents() メソッドに同じ)。
関連するメソッド:
$(selector).parentsUntil(stop,filter)
パラメータ | 説明 |
---|---|
stop | 任意。マッチする祖先要素の検索を停止するところを表す、セレクタ式、要素または jQuery オブジェクト |
filter | 任意。selector と stop の間の祖先検索を絞り込むためにセレクタ式を指定する 注: 複数の祖先を返すには、各式をカンマで区切ること |
検索の絞り込み
<span> と <div> の間の指定要素の検索をフィルタリングするために、filter パラメータを使用する方法。
複数の祖先を返す
<span> と <body> の間の複数の祖先を返す方法。
DOM
DOM 要素を使用し、<span> と <div> の間の全祖先を返す。
検索をフィルタするために DOM 要素とセレクタ式を使用する
<span> と <div> の間の <ul> 要素に対する祖先検索を絞り込むために DOM 要素を使用する。