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+DIV自定义滚动条样式的具体实现
Jun 25 Javascript
jquery 扑捉回车键事件代码
Apr 24 Javascript
JavaScript删除指定子元素代码实例
Jan 13 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
Aug 12 Javascript
基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)
Aug 29 Javascript
JavaScript的兼容性与调试技巧
Nov 22 Javascript
AngularJS模仿Form表单提交的实现代码
Dec 08 Javascript
微信小程序 swiper制作tab切换实现附源码
Jan 21 Javascript
vue时间格式化实例代码
Jun 13 Javascript
node.js + socket.io 实现点对点随机匹配聊天
Jun 30 Javascript
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
vue router 跳转时打开新页面的示例方法
Jul 28 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/02 无线电
利用yahoo汇率接口实现实时汇率转换示例 汇率转换器
2014/01/14 PHP
Yii核心验证器api详解
2016/11/23 PHP
Yii2 如何在modules中添加验证码的方法
2017/06/19 PHP
DHTML Slide Show script图片轮换
2008/03/03 Javascript
javascript管中窥豹 形参与实参浅析
2011/12/17 Javascript
nodejs入门详解(多篇文章结合)
2012/03/07 NodeJs
文档对象模型DOM通俗讲解
2013/11/01 Javascript
我的Node.js学习之路(三)--node.js作用、回调、同步和异步代码 以及事件循环
2014/07/06 Javascript
Nodejs全栈框架StrongLoop推荐
2014/11/09 NodeJs
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
2015/04/22 Javascript
jQuery实现的多级下拉菜单效果代码
2015/08/24 Javascript
jQuery插件datatables使用教程
2016/04/21 Javascript
利用jQuery实现打字机字幕效果实例代码
2016/09/02 Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
2016/12/12 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
2016/12/24 Javascript
强大的 Angular 表单验证功能详细介绍
2017/05/23 Javascript
Angularjs中使用轮播图指令swiper
2017/05/30 Javascript
Vue.js devtool插件安装后无法使用的解决办法
2017/11/27 Javascript
VueJS 取得 URL 参数值的方法
2019/07/19 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
2019/08/12 Javascript
vue实现购物车案例
2020/05/30 Javascript
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
2020/12/30 Vue.js
python图像和办公文档处理总结
2019/05/28 Python
Django框架orM与自定义SQL语句混合事务控制操作
2019/06/27 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
Django+Django-Celery+Celery的整合实战
2021/01/20 Python
CSS3中颜色线性渐变实战
2015/07/18 HTML / CSS
Clarks鞋法国官方网站:英国其乐鞋品牌
2018/02/11 全球购物
意大利领先的奢侈品在线时装零售商:MCLABELS
2020/10/13 全球购物
房地产销售员的自我评价分享
2013/12/04 职场文书
博士学位自我鉴定范文
2013/12/26 职场文书
经贸韩语专业大学生职业规划
2014/02/14 职场文书
劳资员岗位职责
2015/02/13 职场文书
Vue图片裁剪组件实例代码
2021/07/02 Vue.js
Android开发实现极为简单的QQ登录页面
2022/04/24 Java/Android