仿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 插件模板 制作jquery插件的朋友可以参考下
Mar 17 Javascript
JQuery each打印JS对象的方法
Nov 13 Javascript
浅谈 javascript 事件处理
Jan 04 Javascript
jQuery添加和删除指定标签的方法
Dec 16 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
Jan 30 Javascript
JavaScript必知必会(六) delete in instanceof
Jun 08 Javascript
微信小程序组件 contact-button(客服会话按钮)详解及实例代码
Jan 10 Javascript
vuex的使用及持久化state的方式详解
Jan 23 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
Sep 10 Javascript
JS实现星星海特效
Dec 24 Javascript
OpenLayers3加载常用控件使用方法详解
Sep 25 Javascript
javascript中Set、Map、WeakSet、WeakMap区别
Dec 24 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
ThinkPHP模板IF标签用法详解
2014/07/01 PHP
Yii框架日志记录Logging操作示例
2018/07/12 PHP
javascript 浏览器检测代码精简版
2010/03/04 Javascript
在浏览器窗口上添加遮罩层的方法
2012/11/12 Javascript
Jquery submit()无法提交问题
2013/04/21 Javascript
JQuery记住用户名和密码的具体实现
2014/04/04 Javascript
使用GruntJS构建Web程序之合并压缩篇
2014/06/06 Javascript
js正则匹配出所有图片及图片地址src的方法
2015/06/08 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
2016/07/07 Javascript
AngularJS基础 ng-open 指令简单实例
2016/08/02 Javascript
微信和qq时间格式模板实例详解
2016/10/21 Javascript
js基础之DOM中元素对象的属性方法详解
2016/10/28 Javascript
AngularJS  ng-repeat遍历输出的用法
2017/06/19 Javascript
vue2.0+ 从插件开发到npm发布的示例代码
2018/04/28 Javascript
vue-dplayer 视频播放器实例代码
2019/11/08 Javascript
微信小程序获取当前位置和城市名
2019/11/13 Javascript
node.JS二进制操作模块buffer对象使用方法详解
2020/02/06 Javascript
[04:40]DOTA2-DPC中国联赛1月26日Recap集锦
2021/03/11 DOTA
Python实现针对含中文字符串的截取功能示例
2017/09/22 Python
Python3学习笔记之列表方法示例详解
2017/10/06 Python
对Python 两大环境管理神器 pyenv 和 virtualenv详解
2018/12/31 Python
HTML5超文本标记语言的实现方法
2020/09/24 HTML / CSS
Linden Leaves官网:新西兰纯净护肤品
2020/12/20 全球购物
Aurora London官网:奢华、负担得起的皮革手袋
2020/08/01 全球购物
写一个函数返回1+2+3+…+n的值(假定结果不会超过长整型变量的范围)
2014/09/05 面试题
八年级数学教学反思
2014/01/31 职场文书
项目工作说明书
2014/07/29 职场文书
食品安全承诺书范文
2014/08/29 职场文书
孝敬父母的活动方案
2014/08/31 职场文书
2014年店长工作总结
2014/11/17 职场文书
小学优秀教师事迹材料
2014/12/16 职场文书
教师外出学习心得体会
2016/01/18 职场文书
总结Java对象被序列化的两种方法
2021/06/30 Java/Android
详解JavaScript中Arguments对象用途
2021/08/30 Javascript
python的html标准库
2022/04/29 Python