Prototype - adjacent() Method

This method finds all siblings of the current element that matches the given selector(s) and returns them as an array.

Syntax

element.adjacent([ selectors...]);

Return Value

An array of HTML elements.

Example

<html>
   <head>
      <title>Prototype examples</title>
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
      
      <script>
         function listCities() {
            var arr = $('nyc').adjacent('li.us');
            arr.each(function(node) {
               alert(node.nodeName + ': ' + node.innerHTML);
            });
         }
      </script>
   </head>

   <body>
      <ul id = "cities">
         <li class = "us" id = "nyc">New York</li>
         <li class = "uk" id = "lon">London</li>
         <li class = "us" id = "chi">Chicago</li>
         <li class = "jp" id = "tok">Tokyo</li>
         <li class = "us" id = "la">Los Angeles</li>
         <li class = "us" id = "aus">Austin</li>
      </ul>
      <br />
      
      <input type = "button" value = "List Cities" onclick = "listCities();"/>
   </body>
</html>

Output

prototype_element_object.htm