JavaScript实现获取某个元素相邻兄弟节点的prev与next方法


Posted in Javascript onJanuary 25, 2016

本文实例讲述了JavaScript实现获取某个元素相邻兄弟节点的prev与next方法。分享给大家供大家参考,具体如下:

/**
* 获取相邻元素
* @param ele 参考物元素
* @param type 类型,上一个(1)or下一个(0)
* @return 返回查找到的元素Dom对象,无则返回null
*/
function getNearEle(ele, type) {
  type = type == 1 ? "previousSibling" : "nextSibling";
  var nearEle = ele[type];
  while(nearEle) {
    if(nearEle.nodeType === 1) {
      return nearEle;
    }
    nearEle = nearEle[type];
    if(!nearEle) {
      break;
    }
  }
  return null;
}
/**
* 获取当前执行对象的上一个元素
*/
function prev() {
  return getNearEle(this, 1);
}
/**
* 获取当前执行对象的下一个元素
*/
function next() {
  return getNearEle(this, 0);
}
// var ele = document.getElementById("xxx");
// var prevElement = prev.call(ele);
// var nextElement = next.call(ele);

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript 命名空间以提高代码重用性
Nov 13 Javascript
JS 强制设为首页的代码
Jan 31 Javascript
XHTML下,JS浮动代码失效的问题
Nov 12 Javascript
jquery里的正则表达式说明
Aug 03 Javascript
jQuery ajax serialize()方法的使用以及常见问题解决
Jan 27 Javascript
计算新浪Weibo消息长度(还可以输入119字)
Jul 02 Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
Oct 17 Javascript
基于jQuery实现下拉框
Nov 24 Javascript
javascript 动态创建表格
Jan 08 Javascript
js实现从右向左缓缓浮出网页浮动层广告的方法
May 09 Javascript
vue router 源码概览案例分析
Oct 09 Javascript
抖音上用记事本编写爱心小程序教程
Apr 17 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
Jan 25 #Javascript
JavaScript实现给定时间相加天数的方法
Jan 25 #Javascript
jQuery中inArray方法注意事项分析
Jan 25 #Javascript
jquery ui dialog替代confirm实例分析
Jan 25 #Javascript
AngularJS控制器controller正确的通信的方法
Jan 25 #Javascript
AngularJS入门心得之directive和controller通信过程
Jan 25 #Javascript
详解jquery事件delegate()的使用方法
Jan 25 #Javascript
You might like
PHP5中GD库生成图形验证码(有汉字)
2013/07/28 PHP
JavaScript实现滚动栏效果的方法
2015/04/27 PHP
Yii2框架控制器、路由、Url生成操作示例
2019/05/27 PHP
PHP使用反向Ajax技术实现在线客服系统详解
2019/07/01 PHP
JavaScript类库D
2010/10/24 Javascript
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
2020/04/04 Javascript
javascript getElementsByTagName
2011/01/31 Javascript
Fixie.js 自动填充内容的插件
2012/06/28 Javascript
JS实现同时搜索百度和必应的方法
2015/01/27 Javascript
jQuery on()方法使用技巧详解
2015/04/16 Javascript
javascript实现简单查找与替换的方法
2015/07/22 Javascript
JS获取checkbox的个数简单实例
2016/08/19 Javascript
python实现进程间通信简单实例
2014/07/23 Python
详解Python装饰器由浅入深
2016/12/09 Python
pandas中的DataFrame按指定顺序输出所有列的方法
2018/04/10 Python
python搭建服务器实现两个Android客户端间收发消息
2018/04/12 Python
numpy 对矩阵中Nan的处理:采用平均值的方法
2018/10/30 Python
python实现三维拟合的方法
2018/12/29 Python
python dict 相同key 合并value的实例
2019/01/21 Python
python控制nao机器人身体动作实例详解
2019/04/29 Python
pytorch实现保证每次运行使用的随机数都相同
2020/02/20 Python
vscode+PyQt5安装详解步骤
2020/08/12 Python
html5视频播放_动力节点Java学院整理
2017/07/13 HTML / CSS
美国标志性加大尺码时装品牌:Ashley Stewart
2016/12/15 全球购物
英国儿童设计师服装和玩具购物网站:Zac & Lulu
2020/10/19 全球购物
小学教师自我鉴定
2013/11/07 职场文书
应聘美工求职信
2013/11/07 职场文书
大学生创业项目方案
2014/03/08 职场文书
校庆接待方案
2014/03/18 职场文书
爱情寄语大全
2014/04/09 职场文书
学校节能减排方案
2014/06/13 职场文书
班训口号大全
2014/06/18 职场文书
拾金不昧表扬稿大全
2015/05/05 职场文书
2015财务年终工作总结范文
2015/05/22 职场文书
深入理解python多线程编程
2021/04/18 Python
python实现进度条的多种实现
2021/04/29 Python