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 Study Notes 学习笔记(一)
Aug 04 Javascript
javascript 词法作用域和闭包分析说明
Aug 12 Javascript
使用javascript获取flash加载的百分比的实现代码
May 25 Javascript
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
Nov 30 Javascript
js带按钮的提示框可供选择示例代码
Sep 17 Javascript
js获取元素相对窗口位置的实现代码
Sep 28 Javascript
jQuery仿写百度百科的目录树
Jan 03 Javascript
老生常谈jacascript DOM节点获取
Apr 17 Javascript
基于原生js运动方式关键点的总结(推荐)
Oct 01 Javascript
聊聊Vue.js的template编译的问题
Oct 09 Javascript
jQuery使用动画队列自定义动画操作示例
Jun 16 jQuery
Vue组件基础用法详解
Feb 05 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生成WAP页面
2006/10/09 PHP
2个自定义的PHP in_array 函数,解决大量数据判断in_array的效率问题
2014/04/08 PHP
php遍历解析xml字符串的方法
2016/05/05 PHP
PHP如何实现跨域
2016/05/30 PHP
PHP中使用foreach()遍历二维数组的简单实例
2016/06/13 PHP
详解php 使用Callable Closure强制指定回调类型
2017/10/26 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
JS实现div内部的文字或图片自动循环滚动代码
2013/04/19 Javascript
js代码实现的加入收藏效果并兼容主流浏览器
2014/06/23 Javascript
javascript定义变量时有var和没有var的区别探讨
2014/07/21 Javascript
node.js中的fs.statSync方法使用说明
2014/12/16 Javascript
JavaScript实现的类字典插入或更新方法实例
2015/07/10 Javascript
轻量级javascript 框架Backbone使用指南
2015/07/24 Javascript
JS弹出对话框实现方法(三种方式)
2015/12/18 Javascript
七个不允许错过的jQuery小技巧
2015/12/21 Javascript
Node.js Addons翻译(C/C++扩展)
2016/06/12 Javascript
Angular2 Service实现简单音乐播放器服务
2017/02/24 Javascript
Node.JS更改Windows注册表Regedit的方法小结
2017/08/18 Javascript
微信小程序实现鼠标拖动效果示例
2017/12/01 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
2018/03/26 Javascript
Node.js中,在cmd界面,进入退出Node.js运行环境的方法
2018/05/12 Javascript
写了个监控nginx进程的Python脚本
2012/05/10 Python
Python中的hypot()方法使用简介
2015/05/18 Python
查找python项目依赖并生成requirements.txt的方法
2018/07/10 Python
Python使用combinations实现排列组合的方法
2018/11/13 Python
python Django里CSRF 对应策略详解
2019/08/05 Python
python实现名片管理器的示例代码
2019/12/17 Python
python 模拟登陆github的示例
2020/12/04 Python
英国拳击装备购物网站:RDX Sports
2018/01/23 全球购物
查找廉价航班和发现新目的地:Kiwi.com
2019/02/25 全球购物
Footshop法国:购买运动鞋
2020/01/19 全球购物
荷叶圆圆教学反思
2014/02/01 职场文书
大学生优秀自荐信范文
2014/02/25 职场文书
央视元宵晚会主持串词
2014/03/25 职场文书
作风整顿个人剖析材料
2014/10/06 职场文书
管理失职检讨书
2015/05/05 职场文书