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 相关文章推荐
返回页面顶部top按钮通过锚点实现(自写)
Aug 30 Javascript
html+js实现动态显示本地时间
Sep 21 Javascript
jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)
Feb 25 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
Jul 27 Javascript
Google 地图叠加层实例讲解
Aug 06 Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
Jun 13 Javascript
理解 Node.js 事件驱动机制的原理
Aug 16 Javascript
在Vue项目中引入腾讯验证码服务的教程
Apr 03 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
Jan 17 Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
Apr 02 Javascript
如何在postman测试用例中实现断言过程解析
Jul 09 Javascript
vue.js实现点击图标放大离开时缩小的代码
Jan 27 Vue.js
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
关于页面优化和伪静态
2009/10/11 PHP
PHP中foreach循环中使用引用要注意的地方
2011/01/02 PHP
WordPress中创建用户角色的相关PHP函数使用详解
2015/12/25 PHP
模仿jQuery each函数的链式调用
2009/07/22 Javascript
javascript 函数速查表
2010/02/07 Javascript
获取内联和链接中的样式(js代码)
2013/04/11 Javascript
使用jQuery简单实现模拟浏览器搜索功能
2014/12/21 Javascript
JQuery CheckBox(复选框)操作方法汇总
2015/04/15 Javascript
jquery如何获取元素的滚动条高度等实现代码
2015/10/19 Javascript
Prototype框架详解
2015/11/25 Javascript
js实现将选中内容分享到新浪或腾讯微博
2015/12/16 Javascript
9种改善AngularJS性能的方法
2017/11/28 Javascript
微信小程序实现随机验证码功能
2018/12/20 Javascript
Vue.js实现大转盘抽奖总结及实现思路
2019/10/09 Javascript
微信小程序实现左滑删除效果
2020/11/18 Javascript
Flask入门教程实例:搭建一个静态博客
2015/03/27 Python
在Django的模型中添加自定义方法的示例
2015/07/21 Python
ansible作为python模块库使用的方法实例
2017/01/17 Python
Django使用paginator插件实现翻页功能的实例
2018/10/24 Python
用Python写一个模拟qq聊天小程序的代码实例
2019/03/06 Python
python3.7简单的爬虫实例详解
2019/07/08 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
flask项目集成swagger的方法
2020/12/09 Python
使用css3实现的windows8开机加载动画
2014/12/09 HTML / CSS
HTML5手指下滑弹出负一屏阻止移动端浏览器内置下拉刷新功能的实现代码
2020/04/10 HTML / CSS
英国时尚运动品牌的合集:The Sports Edit
2017/12/20 全球购物
法国隐形眼镜网站:VisionDirect.fr
2020/03/03 全球购物
用你熟悉的语言写一个连接ORACLE数据库的程序,能够完成修改和查询工作
2012/06/11 面试题
上海微创软件面试题
2012/06/14 面试题
本科生详细的自我评价
2013/09/19 职场文书
公司前台辞职报告
2014/01/19 职场文书
测量工程专业求职信
2014/02/24 职场文书
鼓舞士气的口号
2014/06/16 职场文书
建筑工程造价专业自荐信
2014/07/08 职场文书
JavaScript原始值与包装对象的详细介绍
2021/05/11 Javascript
TensorFlow的自动求导原理分析
2021/05/26 Python