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 相关文章推荐
fckeditor 获取文本框值的实现代码
Feb 09 Javascript
javascript权威指南 学习笔记之null和undefined
Sep 25 Javascript
JS动态添加option和删除option(附实例代码)
Apr 01 Javascript
Jquery动态进行图片缩略的原理及实现
Aug 13 Javascript
jquery实现弹出层完美居中效果
Mar 03 Javascript
node.js中的buffer.copy方法使用说明
Dec 14 Javascript
JS实现窗口加载时模拟鼠标移动的方法
Jun 03 Javascript
在JavaScript应用中实现延迟加载的方法
Jun 25 Javascript
JS使用eval解析JSON的注意事项分析
Nov 14 Javascript
express框架中使用jwt实现验证的方法
Aug 25 Javascript
js抽奖转盘实现方法分析
May 16 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
Jul 17 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中用memcached实现页面防刷新功能
2014/08/19 PHP
Thinkphp中的curd应用实用要点
2015/01/04 PHP
PHP的关于变量和日期处理的一些面试题目整理
2015/08/10 PHP
深入讲解PHP的Yii框架中的属性(Property)
2016/03/18 PHP
php实现文件与16进制相互转换的方法示例
2017/02/16 PHP
php中上传文件的的解决方案
2018/09/25 PHP
分享2个jQuery插件--jquery.fileupload与artdialog
2014/12/26 Javascript
jQuery实现360°全景拖动展示
2015/03/18 Javascript
使用Web Uploader实现多文件上传
2016/06/08 Javascript
巧用Javascript的逻辑运算符
2016/12/02 Javascript
利用js定义一个导航条菜单
2017/03/14 Javascript
iview在vue-cli3如何按需加载的方法
2018/10/31 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
2019/05/21 Javascript
不刷新网页就能链接新的js文件方法总结
2020/03/01 Javascript
详解Vue3中对VDOM的改进
2020/04/23 Javascript
jquery实现手风琴案例
2020/05/04 jQuery
vue keep-alive的简单总结
2021/01/25 Vue.js
[01:48]帕吉至宝加入游戏,遗迹战场现“千劫神屠”
2018/04/07 DOTA
[01:08:33]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
教你安装python Django(图文)
2013/11/04 Python
python实现文件名批量替换和内容替换
2014/03/20 Python
浅谈python socket函数中,send与sendall的区别与使用方法
2017/05/09 Python
详解Python中 sys.argv[]的用法简明解释
2017/12/20 Python
使用python将大量数据导出到Excel中的小技巧分享
2018/06/14 Python
俄罗斯眼镜网: optikaworld
2016/07/31 全球购物
互动出版网:专业书籍
2017/03/21 全球购物
学校经典推荐信
2013/10/30 职场文书
采购主管工作职责
2013/12/12 职场文书
药剂专业学生求职信范文
2013/12/28 职场文书
珍惜水资源建议书
2014/03/12 职场文书
清正廉洁演讲稿
2014/05/22 职场文书
假面舞会策划方案
2014/05/29 职场文书
年度考核个人总结
2015/03/06 职场文书
2015医德医风个人工作总结
2015/04/02 职场文书
《当代神农氏》教学反思
2016/02/23 职场文书
使用pycharm运行flask应用程序的详细教程
2021/06/07 Python