仿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 相关文章推荐
浅析LigerUi开发中谨慎载入common.css文件
Jul 09 Javascript
jquery实现按Enter键触发事件示例
Sep 10 Javascript
javascript Array.prototype.slice的使用示例
Nov 14 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
Sep 06 Javascript
JS中多种方式创建对象详解
Mar 22 Javascript
Bootstrap table右键功能实现方法
Feb 20 Javascript
微信小程序progress组件使用详解
Jan 31 Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
Mar 28 Javascript
JS浅拷贝和深拷贝原理与实现方法分析
Feb 28 Javascript
基于jQuery的时间戳与日期间的转化
Jun 21 jQuery
解决微信小程序中的滚动穿透问题
Sep 16 Javascript
详解Vue的sync修饰符
May 15 Vue.js
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
解密ThinkPHP3.1.2版本之模板继承
2014/06/19 PHP
PHP采用自定义函数实现遍历目录下所有文件的方法
2014/08/19 PHP
PHP查找与搜索数组元素方法总结
2015/06/12 PHP
PHP转换文本框内容为HTML格式的方法
2016/07/20 PHP
非常棒的10款jQuery 幻灯片插件
2011/06/14 Javascript
js中根据字数截取字符串,不能截断url
2012/01/12 Javascript
自己写的Javascript计算时间差函数
2013/10/28 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
2014/03/25 Javascript
javascript判断移动端访问设备并解析对应CSS的方法
2015/02/05 Javascript
简介JavaScript中POSITIVE_INFINITY值的使用
2015/06/05 Javascript
JavaScript中函数(Function)的apply与call理解
2015/07/08 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
2015/10/30 Javascript
浅谈javascript 函数表达式和函数声明的区别
2016/01/05 Javascript
Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
2016/12/31 Javascript
JS ES6中setTimeout函数的执行上下文示例
2017/04/27 Javascript
Vuex 入门教程
2018/01/10 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
2019/05/14 Javascript
layui扩展上传组件模拟进度条的方法
2019/09/23 Javascript
vue实现可移动的悬浮按钮
2021/03/04 Vue.js
[38:23]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第一场
2014/05/24 DOTA
Python爬虫辅助利器PyQuery模块的安装使用攻略
2016/04/24 Python
Python中在for循环中嵌套使用if和else语句的技巧
2016/06/20 Python
Python实现聊天机器人的示例代码
2018/07/09 Python
python自动化测试三部曲之request+django实现接口测试
2020/10/07 Python
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
美国羽绒床上用品第一品牌:Pacific Coast
2018/08/25 全球购物
葡萄牙航空官方网站:TAP Air Portugal
2019/10/31 全球购物
Lentiamo丹麦:购买便宜的隐形眼镜
2021/01/13 全球购物
大学军训通讯稿
2014/01/13 职场文书
化学专业毕业生求职信
2014/07/28 职场文书
四风问题对照检查材料整改措施
2014/09/27 职场文书
2014年社区卫生工作总结
2014/12/18 职场文书
科技活动总结范文
2015/05/11 职场文书
欠款纠纷起诉状
2015/05/19 职场文书
2015年学校消防安全工作总结
2015/10/14 职场文书
合作合同协议书
2016/03/21 职场文书