zoukankan      html  css  js  c++  java
  • 仿jQuery的siblings效果的js原生代码

    仿jQuery的siblings效果的js原生代码

    《previousSibling》 属性返回选定节点的上一个同级节点(在相同树层级中的前一个节点)。

    《nextSibling》 属性返回被选节点的下一个同级节点(在相同树层级中的下一个节点)。

    如果不存在这样的节点,则该属性返回 null。//元素节点的节点类型是 1  obj.previousSibling.nodeType ==1;

    reverse() 方法用于颠倒数组中元素的顺序。

    push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

    function siblings(o){//参数o就是想取谁的兄弟节点,就把那个元素传进去 
    var a=[];//定义一个数组,用来存o的兄弟元素 
    var p=o.previousSibling; 
    while(p){//先取o的哥哥们 判断有没有上一个哥哥元素,如果有则往下执行 p表示previousSibling 
    if(p.nodeType===1){ 
    a.push(p); 
    } 
    p=p.previousSibling//最后把上一个节点赋给p 
    } 
    a.reverse()//把顺序反转一下 这样元素的顺序就是按先后的了 
    var n=o.nextSibling;//再取o的弟弟 
    while(n){//判断有没有下一个弟弟结点 n是nextSibling的意思 
    if(n.nodeType===1){ 
    a.push(n); 
    } 
    n=n.nextSibling; 
    } 
    return a//最后按从老大到老小的顺序,把这一组元素返回 
    } 
    ————勇敢的少年啊 快去创造奇迹————
  • 相关阅读:
    Oracle完全卸载
    Oracle数据库(64位) 及 PLSQL(64位)的组合安装【第一篇】
    Yii2 配置yii2redis扩展
    php 获取每个汉字的拼音首字母
    linux 安装memcacheq
    php在linux中执行外部命令
    比较两个日期的时间差精确到秒
    mysql 的 备份与还原
    php类中__get和__set的用法
    yii2.0 安装
  • 原文地址:https://www.cnblogs.com/masterccc/p/4948498.html
Copyright © 2011-2022 走看看