Latest web development tutorials

jQueryのトラバーサル - 子孫

子孫は、というように、子、孫、ひ孫、とあります。

jQueryのことで、あなたは、子孫要素を見つけるために、DOMツリーを下にトラバース。


ダウンDOMツリーをトラバース

ここではjQueryの方法ダウンDOMツリーをトラバースするための2つです:

  • 子供()
  • ()を見つけます

jQueryの子供たち()メソッド

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

この方法だけでダウンして1組のDOMツリートラバーサル。

次の例では、すべての直接の子要素のそれぞれの<div>要素を返します。

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

»をお試しください

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

次の例では、すべての<P>要素に "1"のクラス名を返します、そして、彼らは、<div>の直接の子要素です:

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

»をお試しください


jQueryのfind()メソッド

見つける()メソッドは、選択した要素の子孫要素、ダウン最後の子孫のすべての方法を返します。

次の例に戻り、所属の<div>すべての<span>要素の子孫:

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

»をお試しください

次の例では、<div>のすべての世代を返します。

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

»をお試しください