jQueryの両親()メソッド
例
戻るすべての祖先要素を<SPAN>:
$(document).ready(function(){
$("span").parents().css({"({"color":"red","border":"2px solid red"});
});
$("span").parents().css({"({"color":"red","border":"2px solid red"});
});
結果:
body (great-great-grandparent)
div (great-grandparent)
- ul (grandparent)
- li (direct parent) span
»をお試しください
定義と使用法
両親()メソッドは、選択した要素のすべての要素の先祖を返します。
ように先祖の父、祖父、曽祖父、と。
DOMツリー:このメソッドは、文書のルート要素(<HTML>)のすべてのパスまで、最大親要素のDOM要素から先祖を横断します。
注:フィルタパラメータが空の場合は、直接の親要素からのプロセスの<body>まで<HTML>すべての祖先のコレクションの要素のすべてのパスを選択します。 だから、検索結果セレクタ式の狭い範囲を渡すことは非常に便利です。
この方法は最も近い() DOMツリーをトラバースしている、違いは次のとおりです。
両親()
- 親要素から出発
- DOMツリートラバーサルアップに沿って、式が渡されたすべての祖先と一致して返します
- 戻り値は、jQueryオブジェクトの1つ以上の要素をゼロ
最も近いです()
- 現在の要素から出発
- 上向きDOMツリーに沿って第1の祖先トラバーサル、および渡されたマッチング式を返します
- jQueryオブジェクトのゼロまたは1つの要素を返します。
その他の関連する方法:
- 親は() -選択された要素の直接の親要素を返します。
- parentsUntil() - 2の間の素子パラメータのすべての先祖を返します。
文法
$(selector).parents( filter )
参数 | 描述 |
---|---|
filter | 可选。规定缩小搜索祖先元素范围的选择器表达式。 注意:如需返回多个祖先,请使用逗号分隔每个表达式。 |
より多くの例
検索結果を絞り込みます
<UL>要素のすべての先祖の<span>を返すために、フィルタパラメータを使用する方法。
複数の祖先を返します。
<LI>との<div>要素の<span>のすべての祖先を返すために、フィルタパラメータを使用する方法。
祖先要素のタグ名でデモ
デモの<span>要素の祖先。