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 相关文章推荐
jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
Dec 25 Javascript
jqPlot jquery的页面图表绘制工具
Jul 25 Javascript
33种Javascript 表格排序控件收集
Dec 03 Javascript
JavaScript严格模式禁用With语句的原因
Oct 20 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
Feb 26 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
Oct 26 Javascript
Bootstrap每天必学之按钮
Nov 26 Javascript
浅谈javascript中的Function和Arguments
Aug 30 Javascript
详解如何在react中搭建d3力导向图
Jan 12 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
Oct 09 Javascript
详解基于electron制作一个node压缩图片的桌面应用
Jan 29 Javascript
记一次vue跨域的解决
Oct 21 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
PHP chmod 函数与批量修改文件目录权限
2010/05/10 PHP
使用php的HTTP请求的库Requests实现美女图片墙
2015/02/22 PHP
为百度UE编辑器上传图片添加水印功能
2015/04/16 PHP
PHP实现HTTP断点续传的方法
2015/06/17 PHP
基于CakePHP实现的简单博客系统实例
2015/06/28 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
精通Javascript系列之Javascript基础篇
2011/06/07 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
2012/03/15 Javascript
jQuery中ajax的load()与post()方法实例详解
2016/01/05 Javascript
使用jQuery.form.js/springmvc框架实现文件上传功能
2016/05/12 Javascript
js 判断一组日期是否是连续的简单实例
2016/07/11 Javascript
Bootstrap框架的学习教程详解(二)
2016/10/18 Javascript
js微信扫描二维码登录网站技术原理
2016/12/01 Javascript
基于node.js制作简单爬虫教程
2017/06/29 Javascript
Vue.js中extend选项和delimiters选项的比较
2017/07/17 Javascript
如何去除vue项目中的#及其ie9兼容性
2018/01/11 Javascript
解决Layui数据表格中checkbox位置不居中的方法
2018/08/15 Javascript
小程序云开发部署攻略(图文教程)
2018/10/30 Javascript
Python编程中对文件和存储器的读写示例
2016/01/25 Python
Python基于动态规划算法解决01背包问题实例
2017/12/06 Python
Python网络爬虫中的同步与异步示例详解
2018/02/03 Python
python实现在IDLE中输入多行的方法
2018/04/19 Python
Python多线程多进程实例对比解析
2020/03/12 Python
django ObjectDoesNotExist 和 DoesNotExist的用法
2020/07/09 Python
python利用xlsxwriter模块 操作 Excel
2020/10/14 Python
python 将Excel转Word的示例
2021/03/02 Python
意大利奢侈品购物网站:Giglio
2018/01/05 全球购物
Nisbets爱尔兰:英国最大的厨房和餐饮设备供应商
2019/01/26 全球购物
求职自荐信
2013/12/14 职场文书
招标授权委托书样本
2014/09/23 职场文书
户籍证明模板
2014/09/28 职场文书
文明家庭事迹材料
2014/12/20 职场文书
事业单位聘任报告
2015/03/02 职场文书
民事答辩状范本
2015/05/21 职场文书
redis不能访问本机真实ip地址的解决方案
2021/07/07 Redis
Python中第三方库Faker的使用详解
2022/04/02 Python