nextSiblings

nextSiblings(element) -> [HTMLElement...]

Collects all of element’s next siblings and returns them as an array of extended elements.

Two elements are siblings if they have the same parent. So for example, the head and body elements are siblings (their parent is the html element). Next siblings are simply the ones which follow element in the document.

The returned array reflects the siblings order in the document (e.g. an index of 0 refers to the sibling right below element).

Note that all of Prototype’s DOM traversal methods ignore text nodes and return element nodes only.

Examples


<ul>
  <li id="golden-delicious">Golden Delicious</li>
  <li id="mutsu">Mutsu</li>
  <li id="mcintosh">McIntosh</li>
  <li id="ida-red">Ida Red</li>
</ul>

$('mutsu').nextSiblings();
// -> [li#mcintosh, li#ida-red]

$('ida-red').nextSiblings();
// -> []