Prototype-element-adjacent

提供:Dev Guides
移動先:案内検索

プロトタイプ-隣接()メソッド

このメソッドは、指定されたセレクタに一致する現在の要素の兄弟をすべて検索し、それらを配列として返します。

構文

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

戻り値

HTML要素の配列。

<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>

出力