Latest web development tutorials

jQueryのトラバーサル - 先祖

ように先祖の父、祖父や曽祖父、と。

jQueryのことで、あなたは先祖要素のDOMツリーをトラバースすることができます。

DOMツリーをトラバースまで

これらのjQueryの方法が有用であり、それらはDOMツリーを横断するのに使用されます。

  • 親（）
  • 両親（）
  • parentsUntil（）

jQueryの親（）メソッド

親（）メソッドは、選択した要素の直接の親要素を返します。

唯一の1組のDOMツリートラバーサルアップこの方法。

次の例では、各<span>の要素の直接の親要素を返します。

例

$(document).ready(function(){
$("span").parent();
});

»をお試しください

jQueryの両親（）メソッド

両親（）メソッドは、それがアップ文書のルート要素（<HTML>）までのすべての方法で、選択した要素のすべての要素の先祖を返します。

次の例では、すべての<span>要素のすべての祖先を返します。

例

$(document).ready(function(){
$("span").parents();
});

»をお試しください

また、祖先要素の検索をフィルタリングするためにオプションのパラメータを使用することができます。

次の例では、すべての<span>要素のすべての祖先を返し、それは、<UL>要素です。

例

$(document).ready(function(){
$("span").parents("ul");
});

»をお試しください

jQueryのparentsUntil（）メソッド

parentsUntil（）メソッドは、2つの与えられた要素間のすべての要素の先祖を返します。

次の例では、すべての要素の<span>との間に、<div>要素間の先祖を返します。

例

$(document).ready(function(){
$("span").parentsUntil("div");
});

»をお試しください