jQueryトラバーシング-祖先
jQueryを使用すると、DOMツリーをトラバースして、要素の祖先を見つけることができます。
祖先は、親、祖父母、曽祖父母などです。
DOMツリーをトラバースする
DOMツリーをトラバースするための3つの便利なjQueryメソッドは次のとおりです。
parent()parents()parentsUntil()
jQuery parent（）メソッド
このparent()メソッドは、選択した要素の直接の親要素を返します。
このメソッドは、DOMツリーの1レベル上をトラバースするだけです。
<span>
次の例では、各要素の直接の親要素を返します。
例
$(document).ready(function(){
$("span").parent();
});
jQueryのparents（）メソッド
このparents()メソッドは、選択した要素のすべての祖先要素を、ドキュメントのルート要素（<html>）まで返します。
<span>次の例では、すべての要素のすべての祖先が返されます
。
例
$(document).ready(function(){
$("span").parents();
});
オプションのパラメーターを使用して、祖先の検索をフィルター処理することもできます。
<span>次の例は、要素であるすべての要素のすべての祖先を返します<ul>
。
例
$(document).ready(function(){
$("span").parents("ul");
});
jQueryのparentsUntil（）メソッド
このparentsUntil()メソッドは、指定された2つの引数の間のすべての祖先要素を返します。
<span>次の例では、aと要素の間のすべての祖先要素を返します<div>。
例
$(document).ready(function(){
$("span").parentsUntil("div");
});
jQueryの演習
jQueryトラバースリファレンス
すべてのjQueryトラバースメソッドの完全な概要については、 jQueryトラバースリファレンスにアクセスしてください。