jQueryトラバース


トラバースとは何ですか?

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

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

jQueryディメンション

イラストの説明:

  • <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トラバースメソッドの完全な概要については、 jQueryトラバースリファレンスにアクセスしてください。