仿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 相关文章推荐
看了就知道什么是JSON
Dec 09 Javascript
十个优秀的Ajax/Javascript实例网站收集
Mar 31 Javascript
多种方式实现JS调用后台方法进行数据交互
Aug 20 Javascript
JavaScript按位运算符的应用简析
Feb 04 Javascript
将HTML格式的String转化为HTMLElement的实现方法
Aug 07 Javascript
浅析JavaScript动画
Jun 10 Javascript
BootStrap智能表单实战系列(九)表单图片上传的支持
Jun 13 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
Oct 09 Javascript
JS中offset和匀速动画详解
Feb 06 Javascript
11行JS代码制作二维码生成功能
Mar 09 Javascript
JS数组Object.keys()方法的使用示例
Jun 05 Javascript
Vue路由守卫及页面登录权限控制的设置方法(两种)
Mar 31 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
经典的PHPer为什么被认为是草根?
2007/04/02 PHP
php面向对象全攻略 (四)构造方法与析构方法
2009/09/30 PHP
解决phpmyadmin中缺少mysqli扩展问题的方法
2013/05/06 PHP
JavaScript创建命名空间的5种写法
2014/06/24 PHP
详解Yii2高级版引入bootstrap.js的一个办法
2017/03/21 PHP
Javascript操纵Cookie实现购物车程序
2006/11/23 Javascript
javascript判断chrome浏览器的方法
2014/03/26 Javascript
js实现鼠标触发图片抖动效果的方法
2015/02/27 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
2015/08/26 Javascript
js如何判断输入字符串长度
2015/12/16 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
2017/01/17 Javascript
AngularJS的ng-repeat指令与scope继承关系实例详解
2017/01/21 Javascript
jquery 判断是否支持Placeholder属性的方法
2017/02/07 Javascript
ionic中的$ionicPlatform.ready事件中的通用设置
2017/06/11 Javascript
js如何编写简单的ajax方法库
2017/08/02 Javascript
Nodejs异步回调之异常处理实例分析
2018/06/22 NodeJs
Vue源码解析之数据响应系统的使用
2019/04/24 Javascript
JS数组splice操作实例分析
2019/10/12 Javascript
vue项目从node8.x升级到12.x后的问题解决
2019/10/25 Javascript
jQuery实现简单弹幕制作
2020/12/10 jQuery
[01:09:20]NB vs NAVI Supermajor小组赛A组 BO3 第二场 6.2
2018/06/03 DOTA
[47:46]完美世界DOTA2联赛 Magma vs GXR 第三场 11.07
2020/11/10 DOTA
python中getattr函数使用方法 getattr实现工厂模式
2014/01/20 Python
在Python中用keys()方法返回字典键的教程
2015/05/21 Python
Python处理文本文件中控制字符的方法
2017/02/07 Python
Python FTP两个文件夹间的同步实例代码
2018/05/25 Python
python配置grpc环境
2019/01/01 Python
python判断字符串或者集合是否为空的实例
2019/01/23 Python
python实现简单井字棋小游戏
2020/03/05 Python
html5 canvas移动浏览器上实现图片压缩上传
2016/03/11 HTML / CSS
十佳美德少年事迹材料
2014/02/05 职场文书
违纪学生保证书
2015/02/27 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
欢送会主持词
2015/07/01 职场文书
优秀范文:读《红岩》有感3篇
2019/10/14 职场文书
python实现A*寻路算法
2021/06/13 Python