Categories: Prototype Api

Prototype – 元素对象 siblings() 方法

返回到:Prototype – 元素对象

此方法收集元素的所有兄弟元素并将它们作为扩展元素数组返回。

如果两个元素具有相同的父元素,则它们是兄弟元素。因此,例如,head 和 body 元素是兄弟元素(它们的父元素是 html 元素)。

语法

element.siblings();

返回值

返回一个 HTML 元素数组。

例子

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

   <body>
      <p id = "test">Click the button to see the result.</p>
      
      <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>
      
      <input type = "button" value = "Click" onclick = "showResult();"/>
   </body>
</html>

返回到:Prototype – 元素对象

terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

5 天 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

2 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

2 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

3 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

3 周 ago