仿jQuery的siblings效果的js代码


Posted in Javascript onAugust 09, 2011
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//最后按从老大到老小的顺序,把这一组元素返回 
}
Javascript 相关文章推荐
你可能不再需要JQUERY
Mar 09 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
Apr 05 Javascript
String.prototype实现的一些javascript函数介绍
Nov 22 Javascript
JS实现单行文字不间断向上滚动的方法
Jan 29 Javascript
javascript实现网站加入收藏功能
Dec 16 Javascript
Hallo.js基于jQuery UI所见即所得的Web编辑器
Jan 26 Javascript
jquery实现超简单的瀑布流布局【推荐】
Mar 08 Javascript
js canvas实现放大镜查看图片功能
Jun 08 Javascript
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
BootStrap modal实现拖拽功能
Dec 01 Javascript
基于JavaScript 实现拖放功能
Sep 12 Javascript
weui上传多图片,压缩,base64编码的示例代码
Jun 22 Javascript
html中table数据排序的js代码
Aug 09 #Javascript
最常用的12种设计模式小结
Aug 09 #Javascript
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
Aug 09 #Javascript
javascript 主动派发事件总结
Aug 09 #Javascript
JsDom 编程小结
Aug 09 #Javascript
IE 当eval遇上function的处理
Aug 09 #Javascript
取得窗口大小 兼容所有浏览器的js代码
Aug 09 #Javascript
You might like
php递归创建和删除文件夹的代码小结
2012/04/13 PHP
php车辆违章查询数据示例
2016/10/14 PHP
一个很有趣3D球状标签云兼容IE8
2014/08/22 Javascript
node.js中的fs.futimes方法使用说明
2014/12/17 Javascript
JavaScript页面实时显示当前时间实例代码
2016/10/23 Javascript
解决Angular.Js与Django标签冲突的方案
2016/12/20 Javascript
jQuery EasyUI 页面加载等待及页面等待层
2017/02/06 Javascript
ionic2打包android时gradle无法下载的解决方法
2017/04/05 Javascript
Mac 安装 nodejs方法(图文详细步骤)
2017/10/30 NodeJs
vue中element组件样式修改无效的解决方法
2018/02/03 Javascript
Vue.js@2.6.10更新内置错误处机制Fundebug同步支持相应错误监控
2019/05/13 Javascript
ES6 Object方法扩展的应用实例分析
2019/06/25 Javascript
js中火星坐标、百度坐标、WGS84坐标转换实现方法示例
2020/03/02 Javascript
JS Generator 函数的含义与用法实例总结
2020/04/08 Javascript
[01:30]DOTA2上海特锦赛现场采访 Loda倾情献唱
2016/03/25 DOTA
python 简易计算器程序,代码就几行
2009/08/29 Python
详解JavaScript编程中的window与window.screen对象
2015/10/26 Python
Python爬取京东的商品分类与链接
2016/08/26 Python
Python基础教程之tcp socket编程详解及简单实例
2017/02/23 Python
Python Requests模拟登录实现图书馆座位自动预约
2018/04/27 Python
Python使用selenium实现网页用户名 密码 验证码自动登录功能
2018/05/16 Python
Python用Try语句捕获异常的实例方法
2019/06/26 Python
centos 安装Python3 及对应的pip教程详解
2019/06/28 Python
详解python中的time和datetime的常用方法
2019/07/08 Python
python利用pytesseract 实现本地识别图片文字
2020/12/14 Python
详解HTML5新增标签
2017/11/27 HTML / CSS
HMV日本官网:全球知名的音乐、DVD和电脑游戏零售巨头
2016/08/13 全球购物
一夜的工作教学反思
2014/02/08 职场文书
开业庆典策划方案
2014/02/18 职场文书
三分钟演讲稿事例
2014/03/03 职场文书
机械设计制造及其自动化专业求职信
2014/06/17 职场文书
开会迟到检讨书范文
2015/05/06 职场文书
国博复兴之路观后感
2015/06/02 职场文书
Laravel中获取IP的真实地理位置
2021/04/01 PHP
浅谈Redis的几个过期策略
2021/05/27 Redis
Python异常类型以及处理方法汇总
2021/06/05 Python