仿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中:input和input的区别分析
Jul 13 Javascript
基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
Apr 26 Javascript
jQuery表单获取和失去焦点输入框提示效果的实例代码
Aug 01 Javascript
jquery1.9 下检测浏览器类型和版本的方法
Dec 26 Javascript
kindeditor编辑器点中图片滚动条往上顶的bug
Jul 05 Javascript
jquery实现放大镜简洁代码(推荐)
Jun 08 jQuery
深入理解requireJS-实现一个简单的模块加载器
Jan 15 Javascript
使用vue-aplayer插件时出现的问题的解决
Mar 02 Javascript
js中时间格式化的几种方法
Jul 22 Javascript
详解微信小程序的不同函数调用的几种方法
May 08 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
May 17 Javascript
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
Nov 13 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 的ArrayAccess接口 像数组一样来访问你的PHP对象
2010/10/12 PHP
PHP采集静态页面并把页面css,img,js保存的方法
2014/12/23 PHP
PHP排序算法之归并排序(Merging Sort)实例详解
2018/04/21 PHP
javascript 打印页面代码
2009/03/24 Javascript
jQuery 版本的文本输入框检查器Input Check
2009/07/09 Javascript
利用JQuery动画制作滑动菜单项效果实现步骤及代码
2013/02/07 Javascript
jQuery寻找n以内完全数的方法
2015/06/24 Javascript
纯JS实现本地图片预览的方法
2015/07/31 Javascript
JavaScript中常用的验证reg
2016/10/13 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
2017/01/08 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
2017/02/12 Javascript
详解在Vue中通过自定义指令获取dom元素
2017/03/04 Javascript
Ionic3 UI组件之Gallery Modal详解
2017/06/07 Javascript
js编写简单的聊天室功能
2017/08/17 Javascript
webpack源码之loader机制详解
2018/04/06 Javascript
vue项目打包部署到服务器的方法示例
2018/08/27 Javascript
对vue中methods互相调用的方法详解
2018/08/30 Javascript
Vue结合后台导入导出Excel问题详解
2019/02/19 Javascript
解决layui动态添加的元素click等事件触发不了的问题
2019/09/20 Javascript
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
2020/08/19 Javascript
python学习数据结构实例代码
2015/05/11 Python
从列表或字典创建Pandas的DataFrame对象的方法
2019/07/06 Python
Python类中方法getitem和getattr详解
2019/08/30 Python
python elasticsearch环境搭建详解
2019/09/02 Python
解决python彩色螺旋线绘制引发的问题
2019/11/23 Python
Pandas 解决dataframe的一列进行向下顺移问题
2019/12/27 Python
Tensorflow矩阵运算实例(矩阵相乘,点乘,行/列累加)
2020/02/05 Python
python根据完整路径获得盘名/路径名/文件名/文件扩展名的方法
2020/04/22 Python
python3实现将json对象存入Redis以及数据的导入导出
2020/07/16 Python
PyQt5中QSpinBox计数器的实现
2021/01/18 Python
html5配合css3实现带提示文字的输入框(摆脱js)
2013/03/08 HTML / CSS
连锁酒店店长职责范本
2014/02/13 职场文书
庆祝国庆节演讲稿2014
2014/09/19 职场文书
甜品蛋糕店创业计划书
2014/09/21 职场文书
2014年车间主任工作总结
2014/12/10 职场文书
前台接待岗位职责范本
2015/04/03 职场文书