仿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 相关文章推荐
js可突破windows弹退效果代码
Aug 09 Javascript
javascript sudoku 数独智力游戏生成代码
Mar 27 Javascript
jquery实现的下拉和收缩效果示例
Aug 21 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
Sep 01 Javascript
js实例属性和原型属性示例详解
Nov 23 Javascript
js倒计时简单实现代码
Aug 11 Javascript
总结几道关于Node.js的面试问题
Jan 11 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
Feb 14 Javascript
使用D3.js构建实时图形的示例代码
Aug 28 Javascript
vue自定义树状结构图的实现方法
Oct 18 Javascript
Nuxt 项目性能优化调研分析
Nov 07 Javascript
JavaScript实现贪吃蛇游戏
Jun 16 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脚本清除WordPress头部冗余代码的方法讲解
2016/03/01 PHP
javascript学习网址备忘
2007/05/29 Javascript
javascript innerText和innerHtml应用
2010/01/28 Javascript
JavaScript CSS修改学习第二章 样式
2010/02/19 Javascript
jquery中animate动画积累的解决方法
2013/10/05 Javascript
告诉你什么是javascript的回调函数
2014/09/04 Javascript
AngularJs根据访问的页面动态加载Controller的解决方案
2015/02/04 Javascript
灵活使用数组制作图片切换js实现
2016/07/28 Javascript
Angularjs中$http以post请求通过消息体传递参数的实现方法
2016/08/05 Javascript
js实现适合新闻类图片的轮播效果
2017/02/05 Javascript
一文让你彻底搞清楚javascript中的require、import与export
2017/09/24 Javascript
微信小程序开发之IOS和Android兼容的问题
2017/09/26 Javascript
JS+canvas画一个圆锥实例代码
2017/12/13 Javascript
在vue中封装可复用的组件方法
2018/03/01 Javascript
JS构造一个html文本内容成文件流形式发送到后台
2018/07/31 Javascript
Vue 框架之动态绑定 css 样式实例分析
2018/11/14 Javascript
微信小程序后台持续定位功能使用详解
2019/08/23 Javascript
JS实现滚动条触底加载更多
2019/09/19 Javascript
vue+ESLint 配置保存 自动格式化代码
2020/03/17 Javascript
js实现轮播图特效
2020/05/28 Javascript
Python map和reduce函数用法示例
2015/02/26 Python
pymssql数据库操作MSSQL2005实例分析
2015/05/25 Python
Python实现购物系统(示例讲解)
2017/09/13 Python
Python爬虫获取整个站点中的所有外部链接代码示例
2017/12/26 Python
tensorflow 获取所有variable或tensor的name示例
2020/01/04 Python
Python hashlib常见摘要算法详解
2020/01/13 Python
冰淇淋店创业计划书范文
2013/12/27 职场文书
养殖项目策划书范文
2014/01/13 职场文书
安全宣传标语
2014/06/10 职场文书
购房个人委托书范本
2014/10/11 职场文书
技能培训通讯稿
2015/07/18 职场文书
家长会感言
2015/08/01 职场文书
小学思品教学反思
2016/02/20 职场文书
MySQL 数据丢失排查案例
2021/05/08 MySQL
python的变量和简单数字类型详解
2021/09/15 Python
在容器中使用nginx搭建上传下载服务器
2022/05/11 Servers