jQueryトラバース-子孫

jQueryを使用すると、DOMツリーをトラバースして、要素の子孫を見つけることができます。

子孫は、子、孫、曽孫などです。

DOMツリーをトラバースする

DOMツリーをトラバースするための2つの便利なjQueryメソッドは次のとおりです。

このchildren()メソッドは、選択した要素のすべての直接の子を返します。

このメソッドは、DOMツリーの1つのレベルのみをトラバースします。

<div>次の例は、各要素の直接の子であるすべての要素を返します。

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

オプションのパラメーターを使用して、子の検索をフィルター処理することもできます。

<p>次の例では、クラス名が「first」のすべての要素を返します。これらは、 <div>：の直接の子です。

$(document).ready(function(){
$("div").children("p.first");
});

このfind()メソッドは、選択した要素の子孫要素を最後の子孫まで返します。

次の例は、：<span>の子孫であるすべての要素を返します。<div>

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

次の例では、次のすべての子孫が返されます<div>。

$(document).ready(function(){
$("div").find("*");
});

すべてのjQueryトラバースメソッドの完全な概要については、 jQueryトラバースリファレンスにアクセスしてください。