仿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的document.ready更快的方法
Apr 28 Javascript
jquery异步请求实例代码
Jun 21 Javascript
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
Feb 03 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
Oct 16 Javascript
客户端验证用户名和密码的方法详解
Jun 16 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
Aug 12 Javascript
Angular 输入框实现自定义验证功能
Feb 19 Javascript
bootstrap multiselect 多选功能实现方法
Jun 05 Javascript
jQuery.form.js的使用详解
Jun 14 jQuery
vue实现消息的无缝滚动效果的示例代码
Dec 05 Javascript
AngularJs点击状态值改变背景色的实例
Dec 18 Javascript
详解react native页面间传递数据的几种方式
Nov 07 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
咖啡常见的种类
2021/03/03 新手入门
php 过滤危险html代码
2009/06/29 PHP
php 实现进制转换(二进制、八进制、十六进制)互相转换实现代码
2010/10/22 PHP
免费手机号码归属地API查询接口和PHP使用实例分享
2014/04/10 PHP
成为好程序员必须避免的5个坏习惯
2014/07/04 PHP
php一个解析字符串排列数组的方法
2015/05/12 PHP
Yii2.0表关联查询实例分析
2016/07/18 PHP
Javascript仿PHP $_GET获取URL中的参数
2014/05/12 Javascript
JavaScript提升性能的常用技巧总结【经典】
2016/06/20 Javascript
Node.js 使用流实现读写同步边读边写功能
2017/09/11 Javascript
详解HTML5 使用video标签实现选择摄像头功能
2017/10/25 Javascript
解决vue页面刷新或者后退参数丢失的问题
2018/03/13 Javascript
JavaScript简单实现关键字文本搜索高亮显示功能示例
2018/07/25 Javascript
javascript中toFixed()四舍五入使用方法详解
2018/09/28 Javascript
详解@angular/cli 改变默认启动端口两种方式
2018/11/29 Javascript
vue实现点击隐藏与显示实例分享
2019/02/13 Javascript
vue滚动插件better-scroll使用详解
2019/10/18 Javascript
Vuex中实现数据状态查询与更改
2019/11/08 Javascript
python实现文件名批量替换和内容替换
2014/03/20 Python
python字典多条件排序方法实例
2014/06/30 Python
Python3多进程 multiprocessing 模块实例详解
2018/06/11 Python
numpy的文件存储.npy .npz 文件详解
2018/07/09 Python
win7+Python3.5下scrapy的安装方法
2018/07/31 Python
python 2.7 检测一个网页是否能正常访问的方法
2018/12/26 Python
pyqt5 tablewidget 利用线程动态刷新数据的方法
2019/06/17 Python
Pytorch实现LSTM和GRU示例
2020/01/14 Python
使用Python求解带约束的最优化问题详解
2020/02/11 Python
Kmeans均值聚类算法原理以及Python如何实现
2020/09/26 Python
GAP欧盟网上商店:GAP EU
2016/09/13 全球购物
澳大利亚体育和露营装备在线/实体零售商:Find Sports
2020/06/03 全球购物
幼儿园老师辞职信
2014/01/20 职场文书
法人授权委托书范本
2014/04/04 职场文书
试用期旷工辞退通知书
2015/04/17 职场文书
毕业感言怎么写
2015/07/31 职场文书
孕妇病假条怎么写
2015/08/17 职场文书
Nginx安装配置详解
2022/06/25 Servers