jQueryの基本的なチュートリアル

jQueryの効果

jQueryを使用すると、簡単にDOMツリーを遍历して要素の祖先を検索できます。

祖先是父母、祖父母、曾祖父母などです。

この章では、DOMツリーを遍历する方法を説明します。

以下のjQueryメソッドを使用してDOMツリーを遍历します：

この章では、各メソッドを使用する方法を説明します。

jQuery parent()メソッドは選択された要素の直接の親要素を返します。

このメソッドはDOMツリー上で一つのレベル上に移動するのみです。

以下の例では、SPAN要素の直接の親レベルを返します：

div（曾祖父母）

div（祖父母）

p（直接の親）　　　　　　　　　span

オプションの引数を使用して、検索する親項目をフィルタリングすることもできます。

以下の例では、各段落が「selected」クラスを持つ直接の親要素を返します：

例

$(document).ready(function(){});
　　$("p").parent(".selected").css("background", "coral");
});

jQuery parents()このメソッドは、選択された要素のすべての祖先要素を返します。

このメソッドは、親要素からDOM要素の祖先に沿って上方向に遡り、ドキュメントのルート要素（<html>）まで上昇します。

以下の例では、SPAN要素のすべての祖先が返されます：

body（曾曾祖父母）

div（曾祖父母）

div（祖父母）

p（直接の親）　　　　　　　　　span

jQuery parentsUntil()このメソッドは、2つの指定されたパラメータの間のすべての祖先要素を返します。

以下の例では、SPAN要素とBODY要素の間のすべての祖先要素が返されます：

body（曾曾祖父母）

div（曾祖父母）

div（祖父母）

p（直接の親）　　　　　　　　　span

完全な遍历メソッドの詳細については、以下のURLを参照してくださいjQueryの遍历リファレンス。