Latest web development tutorials

jQueryのトラバーサル - 同胞（兄弟）

同胞は、同じ親要素を持っています。

jQueryのことで、あなたは、DOMツリー内の要素の同胞を横断することができます。

DOMツリートラバーサル中レベル

DOMツリートラバーサルレベルで私たちを取得するための多くの有用な方法があります。

  • 兄弟（）
  • 次の（）
  • nextAll（）
  • nextUntil（）
  • PREV（）
  • prevAll（）
  • prevUntil（）

jQueryの兄弟（）メソッド

兄弟（）メソッドは、選択した要素のすべての同胞要素を返します。

次の例では、<H2>要素のすべての同胞を返します。

例

$(document).ready(function(){
$("h2").siblings();
});

»をお試しください

また、同胞の要素の検索をフィルタリングするためにオプションのパラメータを使用することができます。

次の例に戻り、<H2>要素のすべての同胞<p>要素に属します。

例

$(document).ready(function(){
$("h2").siblings("p");
});

»をお試しください

jQueryのnext（）メソッド

next（）メソッドは、次の要素の同胞に選択された要素を返します。

このメソッドは、唯一の要素を返します。

次の例では、<H2>要素の次の同胞を返します。

例

$(document).ready(function(){
$("h2").next();
});

»をお試しください

jQueryのnextAll（）メソッド

nextAll（）メソッドは、すべての要素が選択された要素の仲間に従って返します。

次の例では、すべての同胞が従うべき<H2>要素を返します。

例

$(document).ready(function(){
$("h2").nextAll();
});

»をお試しください

jQueryのnextUntil（）メソッド

nextUntil（）メソッドは、指定されたパラメータに従うように2同胞のすべての要素の間で返します。

次の例では、<H2>と<H6>要素の間の要素間のすべての同胞を返します。

例

$(document).ready(function(){
$("h2").nextUntil("h6");
});

»をお試しください

jQueryのPREV（）、prevAll（）＆prevUntil（）メソッド

ワークPREV（）、prevAll（）とprevUntil（）メソッドは、上記の方法と同様であるが、唯一の反対方向に：彼らは代わりに後方の同胞要素に沿ってDOMツリートラバーサルに（同胞の要素の前に戻しますフォワード）。