仿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实现背景图片切换效果代码
Nov 14 Javascript
表头固定(利用jquery实现原理介绍)
Nov 08 Javascript
html5 canvas js(数字时钟)实例代码
Dec 23 Javascript
js和jquery如何获取图片真实的宽度和高度
Sep 28 Javascript
javascript计时器详解
Feb 28 Javascript
js/jquery判断浏览器类型的方法小结
May 12 Javascript
JS实现的5级联动Select下拉选择框实例
Aug 17 Javascript
JS实现超精简的链接列表在固定区域内滚动效果代码
Nov 04 Javascript
JS实现1000以内被3或5整除的数字之和
Feb 18 Javascript
JavaScript实现打开链接页面的方式汇总
Jun 02 Javascript
Vue配置marked链接添加target="_blank"的方法
Jul 19 Javascript
JavaScript接口实现方法实例分析
May 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部分常见问题总结
2006/10/09 PHP
PHP无限分类(树形类)
2013/09/28 PHP
php获取文件内容最后一行示例
2014/01/09 PHP
php+mysql数据库实现无限分类的方法
2014/12/12 PHP
PHP+JS实现大规模数据提交的方法
2015/07/02 PHP
学习面向对象之面向对象的术语
2010/11/30 Javascript
JavaScript原型链示例分享
2014/01/26 Javascript
JavaScript设计模式之适配器模式介绍
2014/12/28 Javascript
Nodejs实战心得之eventproxy模块控制并发
2015/10/27 NodeJs
js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
2015/11/09 Javascript
javascript轻量级库createjs使用Easel实现拖拽效果
2016/02/19 Javascript
jQuery如何解决IE输入框不能输入的问题
2016/10/08 Javascript
nodeJS删除文件方法示例
2016/12/25 NodeJs
基于JS设计12306登录页面
2016/12/28 Javascript
three.js绘制地球、飞机与轨迹的效果示例
2017/02/28 Javascript
Js自动截取字符串长度,添加省略号(……)的实现方法
2017/03/06 Javascript
javascript实现非常简单的小数取整功能示例
2017/06/13 Javascript
在vue-cli中组件通信的方法
2017/12/16 Javascript
解决vue处理axios post请求传参的问题
2018/03/05 Javascript
layui 优化button按钮和弹出框的方法
2018/08/15 Javascript
Vue.set() this.$set()引发的视图更新思考及注意事项
2018/08/30 Javascript
在Vue-cli里应用Vuex的state和mutations方法
2018/09/16 Javascript
详解JavaScript栈内存与堆内存
2019/04/04 Javascript
详解element上传组件before-remove钩子问题解决
2020/04/08 Javascript
[42:20]2014 DOTA2华西杯精英邀请赛5 24 DK VS NewBee
2014/05/25 DOTA
python元组操作实例解析
2014/09/23 Python
详解Python的Flask框架中生成SECRET_KEY密钥的方法
2016/06/07 Python
Python自省及反射原理实例详解
2020/07/06 Python
举例讲解Python装饰器
2020/12/24 Python
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
2017/03/15 HTML / CSS
英国家具、照明、家居用品网上商店:Wayfair.co.uk
2020/02/13 全球购物
如何用Lucene索引数据库
2016/02/23 面试题
口头翻译求职人自荐信
2013/12/07 职场文书
法律进机关实施方案
2014/03/12 职场文书
2019入党申请书格式
2019/06/25 职场文书
教你用eclipse连接mysql数据库
2021/04/22 MySQL