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 相关文章推荐
msn上的tab功能Firefox对childNodes处理的一个BUG
Jan 21 Javascript
纯js实现背景图片切换效果代码
Nov 14 Javascript
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
Jun 09 Javascript
关闭页面window.location事件未执行的原因及解决方法
Sep 01 Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
Dec 16 Javascript
深入探寻javascript定时器
Jan 02 Javascript
JS获取iframe中longdesc属性的方法
Apr 01 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
Aug 26 Javascript
JS中setTimeout的巧妙用法前端函数节流
Mar 24 Javascript
浅析Javascript中bind()方法的使用与实现
Apr 29 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
Jan 19 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
Oct 10 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
Apache+php+mysql在windows下的安装与配置图解(最新版)
2008/11/30 PHP
DISCUZ在win2003环境下 Unable to access ./include/common.inc.php in... 的问题终极解决方案
2011/11/21 PHP
php单元测试phpunit入门实例教程
2017/11/17 PHP
PHP实现的多维数组去重操作示例
2018/07/21 PHP
prototype 源码中文说明之 prototype.js
2006/09/22 Javascript
jquery ajax post提交数据乱码
2013/11/05 Javascript
jQuery中dom元素上绑定的事件详解
2015/04/24 Javascript
关于JavaScript作用域你想知道的一切
2016/02/04 Javascript
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
2016/12/14 Javascript
基于ajax与msmq技术的消息推送功能实现代码
2016/12/26 Javascript
js图片放大镜效果实现方法详解
2020/10/28 Javascript
认识less和webstrom的less配置方法
2017/08/02 Javascript
简单实现jQuery手风琴效果
2017/08/18 jQuery
基于Vue实现后台系统权限控制的示例代码
2017/08/29 Javascript
微信小程序日期时间选择器使用方法
2018/02/01 Javascript
js实现左右两侧浮动广告
2018/07/09 Javascript
vue 中的 render 函数作用详解
2020/02/28 Javascript
[01:43]深扒TI7聊天轮盘语音出处4
2017/05/11 DOTA
python字符串,数值计算
2016/10/05 Python
python中map()函数的使用方法示例
2017/09/29 Python
Python 加密的实例详解
2017/10/09 Python
Python Selenium Cookie 绕过验证码实现登录示例代码
2018/04/10 Python
python爬虫之快速对js内容进行破解
2019/07/09 Python
简单了解python gevent 协程使用及作用
2019/07/22 Python
TensorFlow-gpu和opencv安装详细教程
2020/06/30 Python
详解Html5微信支付爬坑之路
2018/07/24 HTML / CSS
英国厨房与餐具用品为主的设计品牌:Joseph Joseph
2018/04/26 全球购物
人力资源管理专业毕业生自我评价
2013/09/21 职场文书
单位绩效考核方案
2014/05/11 职场文书
公司总经理岗位职责
2015/04/01 职场文书
汤姆索亚历险记读书笔记
2015/06/29 职场文书
电工实训心得体会
2016/01/14 职场文书
php TP5框架生成二维码链接
2021/04/01 PHP
MongoDB修改oplog大小的四种方法
2022/04/11 MongoDB
安装Windows Server 2012 R2企业版操作系统并设置好相关参数
2022/04/29 Servers
Win11自动黑屏怎么办 Win11自动黑屏设置教程
2022/07/15 数码科技