jQueryトラバース
トラバースとは何ですか?
「移動」を意味する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トラバースメソッドの完全な概要については、 jQueryトラバースリファレンスにアクセスしてください。