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 相关文章推荐
SWFObject Flash js调用类
Jul 08 Javascript
js数组操作学习总结
Nov 04 Javascript
JavaScript中判断函数、变量是否存在
Jun 10 Javascript
值得分享的Bootstrap Ace模板实现菜单和Tab页效果
Dec 30 Javascript
JS中对Cookie的操作详解
Aug 05 Javascript
jQuery快速高效制作网页交互特效
Feb 24 Javascript
使用JavaScript实现一个小程序之99乘法表
Sep 21 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
Dec 28 Javascript
jQuery 改变P标签文本值方法
Feb 24 jQuery
CKeditor4 字体颜色功能配置方法教程
Jun 26 Javascript
JS/jQuery实现超简单的Table表格添加,删除行功能示例
Jul 31 jQuery
Vue实现跑马灯效果
May 25 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
如何让搜索引擎抓取AJAX内容解决方案
2014/08/25 PHP
PHP模板引擎Smarty之配置文件在模板变量中的使用方法示例
2016/04/11 PHP
php5.3后静态绑定用法详解
2016/11/11 PHP
Laravel6.18.19如何优雅的切换发件账户
2020/06/14 PHP
一个可以随意添加多个序列的tag函数
2009/07/21 Javascript
jQuery实现table隔行换色和鼠标经过变色的两种方法
2014/06/15 Javascript
js实现星星打分效果的方法
2020/07/05 Javascript
输入法的回车与消息发送快捷键回车的冲突解决方法
2016/08/09 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
2017/08/22 Javascript
原生JS实现小小的音乐播放器
2017/10/16 Javascript
浅谈vue的props,data,computed变化对组件更新的影响
2018/01/16 Javascript
用Cordova打包Vue项目的方法步骤
2019/02/02 Javascript
微信小程序 wx.getUserInfo引导用户授权问题实例分析
2020/03/09 Javascript
vue 实现把路由单独分离出来
2020/08/13 Javascript
使用Python编写简单的端口扫描器的实例分享
2015/12/18 Python
Python数据结构之单链表详解
2017/09/12 Python
解决python使用open打开文件中文乱码的问题
2017/12/29 Python
python如何让类支持比较运算
2018/03/20 Python
解决python matplotlib imshow无法显示的问题
2018/05/24 Python
Python实现Linux监控的方法
2019/05/16 Python
基于Python新建用户并产生随机密码过程解析
2019/10/08 Python
H5 canvas中width、height和style的宽高区别详解
2018/11/02 HTML / CSS
实例讲解使用HTML5 Canvas绘制阴影效果的方法
2016/03/25 HTML / CSS
lululemon美国官网:瑜伽服+跑步装备
2018/11/16 全球购物
新浪网技术部笔试题
2016/08/26 面试题
申报职称专业技术个人的自我评价
2013/12/12 职场文书
医学专业毕业生个人求职信
2013/12/25 职场文书
预备党员政审材料
2014/02/04 职场文书
军训口号
2014/06/13 职场文书
幼儿园社区活动总结
2014/07/07 职场文书
检察机关个人对照检查材料
2014/09/15 职场文书
党员对照检查材料整改措施思想汇报
2014/09/26 职场文书
践行三严三实心得体会
2014/10/13 职场文书
2014年社区党建工作汇报材料
2014/11/02 职场文书
2014年文明创建工作总结
2014/11/25 职场文书
2015迎新晚会活动总结
2015/07/16 职场文书