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 相关文章推荐
Jquey拖拽控件Draggable使用方法(asp.net环境)
Sep 28 Javascript
jquery $(this).attr $(this).val方法使用介绍
Oct 08 Javascript
Javascript显示和隐藏ul列表的方法
Jul 15 Javascript
基于jquery css3实现点击动画弹出表单源码特效
Aug 31 Javascript
详解AngularJS中自定义过滤器
Dec 28 Javascript
Node.js通过身份证号验证年龄、出生日期与性别方法示例
Mar 09 Javascript
基于Vue实现timepicker
Apr 25 Javascript
node中Express 动态设置端口的方法
Aug 04 Javascript
值得收藏的vuejs安装教程
Nov 21 Javascript
JS跨域请求的问题解析
Dec 03 Javascript
javascript for循环性能测试示例
Aug 07 Javascript
vue-router 中 meta的用法详解
Nov 01 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
如何选购合适的收音机
2021/03/01 无线电
实用函数7
2007/11/08 PHP
单台服务器的PHP进程之间实现共享内存的方法
2014/06/13 PHP
php关联数组快速排序的方法
2015/04/17 PHP
php比较两个字符串长度的方法
2015/07/13 PHP
Yii 2.0中场景的使用教程
2017/06/02 PHP
php-fpm添加service服务的例子
2018/04/27 PHP
jQuery ajax+PHP实现的级联下拉列表框功能示例
2019/02/12 PHP
javascript new后的constructor属性
2010/08/05 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
2011/11/19 Javascript
JQuery表单验证插件EasyValidator用法分析
2014/11/15 Javascript
swtich/if...else的替代语句
2015/08/16 Javascript
JS把内容动态插入到DIV的实现方法
2016/07/19 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
2017/01/18 Javascript
vue.js实现左边导航切换右边内容
2019/10/21 Javascript
Vue组件通信$attrs、$listeners实现原理解析
2020/09/03 Javascript
Element-ui upload上传文件限制的解决方法
2021/01/22 Javascript
[54:56]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第三局
2016/03/06 DOTA
[01:51]DAC趣味视频-如何成为职业选手.mp4
2017/04/02 DOTA
[05:59]带你看看DPC的台前幕后
2021/03/11 DOTA
[01:10:30]DOTA2-DPC中国联赛正赛 Dragon vs Dynasty BO3 第一场 3月4日
2021/03/11 DOTA
研究Python的ORM框架中的SQLAlchemy库的映射关系
2015/04/25 Python
Python数据结构与算法之列表(链表,linked list)简单实现
2017/10/30 Python
[原创]教女朋友学Python(一)运行环境搭建
2017/11/29 Python
python实现K最近邻算法
2018/01/29 Python
pandas 将list切分后存入DataFrame中的实例
2018/07/03 Python
十行代码使用Python写一个USB病毒
2019/06/21 Python
Scrapy框架基本命令与settings.py设置
2020/02/06 Python
Pytorch通过保存为ONNX模型转TensorRT5的实现
2020/05/25 Python
Python正则表达式如何匹配中文
2020/05/27 Python
意大利制造的男鞋和女鞋:SCAROSSO
2018/03/07 全球购物
班长岗位职责
2013/11/10 职场文书
教育学专业毕业生的自我鉴定
2013/11/26 职场文书
图书借阅制度范本
2015/08/06 职场文书
python - asyncio异步编程
2021/04/06 Python
mybatis中注解与xml配置的对应关系和对比分析
2021/08/04 Java/Android