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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
Jquery优化效率 提升性能解决方案
Sep 06 Javascript
基于jquery的放大镜效果
May 30 Javascript
JSON+Jquery省市区三级联动
Jan 13 Javascript
node.js插件nodeclipse安装图文教程
Oct 19 Javascript
浅谈JavaScript 函数参数传递到底是值传递还是引用传递
Aug 23 Javascript
PHP7新特性简述
Jun 11 Javascript
bootstrap table插件的分页与checkbox使用详解
Jul 23 Javascript
Node.JS更改Windows注册表Regedit的方法小结
Aug 18 Javascript
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
Jan 20 Javascript
vue实现登录页面的验证码以及验证过程解析(面向新手)
Aug 02 Javascript
jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能
Jan 29 jQuery
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安装扩展mcrypt以及相关依赖项(PHP安装PECL扩展的方法)
2013/07/05 PHP
提高PHP性能的编码技巧以及性能优化详细解析
2013/08/24 PHP
PHP中的插件机制原理和实例
2014/07/08 PHP
Codeigniter实现发送带附件的邮件
2015/03/19 PHP
Linux(CentOS)下PHP扩展PDO编译安装的方法
2016/04/07 PHP
php反射类ReflectionClass用法分析
2016/05/12 PHP
thinkPHP多语言切换设置方法详解
2016/11/11 PHP
Yii2.0框架behaviors方法使用实例分析
2019/09/30 PHP
Laravel 5.5 实现禁用用户注册示例
2019/10/24 PHP
jquery 防止表单重复提交代码
2010/01/21 Javascript
jQuery处理xml格式的返回数据(实例解析)
2013/11/28 Javascript
jquery将一个表单序列化为一个对象的方法
2014/01/03 Javascript
jquery动态改变form属性提交表单
2014/06/03 Javascript
jQuery插件datalist实现很好看的input下拉列表
2015/07/14 Javascript
jQuery获取字符串中出现最多的数
2016/02/22 Javascript
js接收并转化Java中的数组对象的方法
2016/08/11 Javascript
简单实现jQuery轮播效果
2017/08/18 jQuery
vue+axios新手实践实现登陆的示例代码
2018/06/06 Javascript
js实现全选反选不选功能代码详解
2019/04/24 Javascript
wx-charts 微信小程序图表插件的具体使用
2019/08/18 Javascript
Js Snowflake(雪花算法)生成随机ID的实现方法
2020/08/26 Javascript
JavaScript实现网页tab栏效果制作
2020/11/20 Javascript
[41:17]完美世界DOTA2联赛PWL S3 access vs CPG 第二场 12.13
2020/12/17 DOTA
搞笑的程序猿:看看你是哪种Python程序员
2015/06/12 Python
python编写Logistic逻辑回归
2020/12/30 Python
python for和else语句趣谈
2019/07/02 Python
使用tqdm显示Python代码执行进度功能
2019/12/08 Python
在django中使用post方法时,需要增加csrftoken的例子
2020/03/13 Python
python 批量下载bilibili视频的gui程序
2020/11/20 Python
德国狗狗用品在线商店:Schecker
2017/03/17 全球购物
我们没有写servlet的构造方法,那么容器是怎么创建servlet的实例呢
2013/04/24 面试题
捐书活动总结
2014/05/04 职场文书
综合素质自我评价评语
2015/03/06 职场文书
实习介绍信范文
2015/05/05 职场文书
python基础学习之递归函数知识总结
2021/05/26 Python
微信小程序中使用vant框架的具体步骤
2022/02/18 Javascript