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实现兼容IE7的类库 IE7_0_9.zip提供下载
Aug 08 Javascript
JavaScript学习笔记(十)
Jan 17 Javascript
jquery获取及设置outerhtml的方法
Mar 09 Javascript
JS动态增删表格行的方法
Mar 03 Javascript
AngularJS过滤器详解及示例代码
Aug 16 Javascript
AngularJs bootstrap搭载前台框架——准备工作
Sep 01 Javascript
深入理解AngularJS中的ng-bind-html指令和$sce服务
Sep 08 Javascript
BootStrap与Select2使用小结
Feb 17 Javascript
canvas红包照片实例分享
Feb 28 Javascript
vue路由组件按需加载的几种方法小结
Jul 12 Javascript
浅谈laytpl 模板空值显示null的解决方法及简单的js表达式
Sep 19 Javascript
js代码实现轮播图
May 04 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函数解决SQL injection
2006/12/09 PHP
php gd2 上传图片/文字水印/图片水印/等比例缩略图/实现代码
2010/05/15 PHP
PHP内核介绍及扩展开发指南―基础知识
2011/09/11 PHP
采集邮箱的php代码(抓取网页中的邮箱地址)
2012/07/17 PHP
php 表单提交大量数据发生丢失的解决方法
2014/03/03 PHP
php使用正则表达式获取字符串中的URL
2016/12/29 PHP
PHP中empty,isset,is_null用法和区别
2017/02/19 PHP
php+mysql+jquery实现日历签到功能
2017/02/27 PHP
PHP析构函数destruct与垃圾回收机制的讲解
2019/03/22 PHP
js中巧用cssText属性批量操作样式
2011/03/13 Javascript
JavaScript移除数组元素减少长度的方法
2013/09/05 Javascript
学习javascript的闭包,原型,和匿名函数之旅
2015/10/18 Javascript
深入浅析JavaScript的API设计原则
2016/06/14 Javascript
在vue项目中,使用axios跨域处理
2018/03/07 Javascript
vue :src 文件路径错误问题的解决方法
2018/05/15 Javascript
vue 插件的方法代码详解
2019/06/06 Javascript
js动态获取时间的方法分析
2019/08/02 Javascript
解决vue自定义全局消息框组件问题
2019/11/22 Javascript
在vue项目实现一个ctrl+f的搜索功能
2020/02/28 Javascript
Javascript异步编程async实现过程详解
2020/04/02 Javascript
解决vant中 tab栏遇到的坑 van-tabs
2020/11/04 Javascript
[04:28]DOTA2亚洲邀请赛小组赛第五日 TOP10精彩集锦
2015/02/03 DOTA
[01:46]2018完美盛典章节片——坚守
2018/12/17 DOTA
windows下python连接oracle数据库
2017/06/07 Python
Python文件操作之合并文本文件内容示例代码
2017/09/19 Python
python检索特定内容的文本文件实例
2018/06/05 Python
在VS2017中用C#调用python脚本的实现
2019/07/31 Python
python判断自身是否正在运行的方法
2019/08/08 Python
python opencv实现gif图片分解的示例代码
2019/12/13 Python
Python unittest discover批量执行代码实例
2020/09/08 Python
党的群众路线查摆剖析材料
2014/10/10 职场文书
护士长2014年度工作总结
2014/11/11 职场文书
2015幼儿园庆元旦活动方案
2014/12/09 职场文书
新手入门Jvm-- JVM对象创建与内存分配机制
2021/06/18 Java/Android
如何搭建 MySQL 高可用高性能集群
2021/06/21 MySQL
如何用Python搭建gRPC服务
2021/06/30 Python