jQuery 過濾 - 後代

後裔は子、孫、曾孫などです。

jQueryを使用して、DOM木を下に遍歴し、要素の後裔を検索することができます。

DOM木を下に遍歴

以下は、DOM木を下に遍歴するためのjQueryの2つのメソッドです：

  • children()
  • find()

jQuery children() メソッド

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

このメソッドは、DOM木の次のレベルにのみ遍歴します。

以下の例では、各<div>要素のすべての直接子要素を返します：

例

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

自分で試してみてください

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

以下の例では、クラス名が"1"のすべての<p>要素が、<div>の直接子要素であることを返します：

例

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

自分で試してみてください

jQuery find() メソッド

find()メソッドは、選択された要素の後裔要素を返し、最後の後裔まで下に進みます。

以下の例では、<div>の後裔に属するすべての<span>要素を返します：

例

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

自分で試してみてください

以下の例では、<div>のすべての後裔を返します：

例

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

自分で試してみてください

jQuery 遍历リファレンスマニュアル

すべての jQuery 遍历メソッドについて詳しく知りたい場合は、私たちの jQuery 遍历リファレンスマニュアル。