jQueryの水平走査

DOM ツリーの水平方向のトラバース

DOM ツリーを水平方向にトラバースできる便利なメソッドがたくさんあります:

siblings()

next()

nextAll()

nextUntil()

prev()

prevAll()

prevUntil()

siblings() メソッド

siblings() メソッドは、選択された要素のすべての兄弟要素を返します。

オプションのパラメータを使用して、兄弟要素の検索をフィルタリングできます。

       
  
div (父元素) 
p
 span 
h2
 
h3
 
p
 
  

の兄弟であるすべての

> 要素を返します。

next() メソッド

next() メソッドは、選択された要素の次の兄弟要素を返します。

このメソッドは 1 つの要素のみを返します。

       
  
 
p
 span 
h2
 
h3
 
p
 
  

の次の兄弟要素を返します。

nextAll() メソッド

nextAll() メソッドは、選択された要素の後続のすべての兄弟要素を返します。

       
  
 
p
 span 
h2
 
h3
 
p
 
  

の後続の兄弟要素をすべて返します。

nextUntil() メソッド

nextUntil() メソッドは、指定された 2 つのパラメーター間の後続のすべての兄弟要素を返します。

       
  
 
p
 span 
h2
 
h3
 
h4
 
h5
 
h6
 
p
 
  

要素間のすべての兄弟。

jQuery prev()、prevAll()、prevUntil() メソッド

prev()、prevAll()、prevUntil() メソッドは、方向が逆であることを除いて、上記のメソッドと同様に機能します。前の兄弟要素 (DOM ツリー内の兄弟要素に沿って前方ではなく後方にトラバースします)。