子孫とは、子、孫、曾孫などの総称です。
jQuery により、要素の子孫を検索するために、DOM ツリーを下にたどることができます。
DOM ツリーを下にトラバースする、次の 2 つの便利な jQuery メソッドがあります:
children() メソッドは、選択した要素の直接の子要素を返します。
このメソッドは、DOM ツリーの 1 レベル下だけをトラバースします。
次の例は、各 <div> の直接の子である全要素を取得します:
オプション・パラメータを使用して、子の検索をフィルタリングすることもできます。
次の例は、<div> の直接の子要素で、クラス名が "first" である全 <p> 要素を返します:
find() メソッドは、最後の子孫までの全ての経路を下方にたどり、 選択した要素の全ての子孫要素を返します。
次の例は、<div> の子孫である全 <span> 要素を返します:
次の例は、<div> の全子孫要素を取得します:
練習問題 1 » 練習問題 2 » 練習問題 3 » 練習問題 4 »
全 jQuery トラバース·メソッドに関する完全な概要については、jQuery トラバースリファレンスをご覧ください。