jQuery 過渡

トラバーサルとは何ですか？

jQueryのトラバーサルは「移動」という意味で、他の要素に対する関係に基づいて「検索」（または選択）HTML要素を行います。ある選択から始めて、その選択に沿って移動し、期待する要素に到達するまで続けます。

以下の図は家族樹を示しています。jQueryのトラバーサルを使用すると、選択された（現在の）要素から始めて、家族樹の中で簡単に上（祖先）に移動、下（後代）に移動、水平に移動（同胞）することができます。この移動はDOMをトラバーサルすることと呼ばれます。

図示説明：

DOM木構造を巡回する
  • <div>要素は<ul>の親要素であり、その中のすべての内容の祖先です。
  • <ul>要素は<li>の親要素であり、同時に<div>の子要素です
  • 左側の<li>要素は<span>の親要素であり、<ul>の子要素、同時に<div>の後裔です。
  • <span>要素は<li>の子要素であり、同時に<ul>および<div>の後裔です。
  • 二つの<li>要素は同胞（同じ親要素を持っています）です。
  • 右側の<li>要素は<b>の親要素であり、<ul>の子要素、同時に<div>の後裔です。
  • <b>要素は右側の<li>の子要素であり、同時に<ul>および<div>の後裔です。

ヒント：祖先は父、祖父、曾祖父などです。後代は子、孫、曾孫などです。同胞は同じ父を持っています。

DOMをトラバーサルする

jQueryはDOMをトラバーサルするためのさまざまなメソッドを提供しています。

トラバーサルメソッドの中で最も大きな種類は木トラバーサル（tree-traversal）です。

次の章では、DOMツリーの中で上、下、および同級に移動する方法を説明します。

jQueryのトラバーサルリファレンスマニュアル

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