jQueryのparentsUntil()メソッド
例
<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()メソッドと同じ )。
関連する方法:
構文
$(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>要素の祖先検索を絞り込みます。