Latest web development tutorials

jQueryの両親()メソッド

jQueryのトラバーサル方法 jQueryのトラバーサル方法

戻るすべての祖先要素を<SPAN>:

$(document).ready(function(){
$("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>要素の祖先。


jQueryのトラバーサル方法 jQueryのトラバーサル方法