トラバースとは？

「移動」を意味する jQueryトラバースは、他の要素との関係に基づいてHTML要素を「検索」(または選択) するために使用されます。1つの選択から始めて、目的の要素に到達するまでその選択を繰り返します。

以下の画像は、HTMLページをツリー(DOMツリー)として示しています。 jQueryトラバースを使用すると、選択した(現在の)要素から開始して、ツリー内を上(先祖)、下(子孫)、横(兄弟)に簡単に移動できます。この移動は、DOMツリーのトラバース(移動)と呼ばれます。

イラストの説明:

• <div>要素は、<ul>親であり、その中のすべての要素の祖先です。
• <ul>要素は、両方の<li>要素の親であり、<div>の子です。
• 左の<li>要素は<span>の親、<ul>の子、 および<div>の子孫です。
• <span>要素は左の<li>の子 と <ul>と<div>の子孫です。
• 2つの<li>要素は兄弟(彼らは同じ親を共有します)。
• 右の<li>要素は<b>の親、<ul>の子、および<div>の子孫です。
• <b> 要素は右の<li>の子であり、<ul>と<div>の子孫です。

DOMのトラバース

jQueryは、DOMをトラバースできるようにするさまざまなメソッドを提供します。

トラバーサルメソッドの最大のカテゴリは、ツリートラバーサルです。

次の章では、DOMツリーを上下左右に移動する方法を説明します。

jQuery トラバーシング リファレンス

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