JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
本文实例讲述了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操作DOM技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
-
本文向大家介绍JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法，包括了JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法的使用技巧和注意事项，需要的朋友参考一下 最近工作中总遇到取各种父啊子啊兄弟姐妹啊，每次都得查，这次整理个全乎的~ 先给大家上干货： 【js的获取方式】 【jQuery的获取方式】
-
本文向大家介绍Python selenium 父子、兄弟、相邻节点定位方式详解，包括了Python selenium 父子、兄弟、相邻节点定位方式详解的使用技巧和注意事项，需要的朋友参考一下 今天跟大家分享下selenium中根据父子、兄弟、相邻节点定位的方法，很多人在实际应用中会遇到想定位的节点无法直接定位，需要通过附近节点来相对定位的问题，但从父节点定位子节点容易，从子节点定位父节点、定位一个
-
本文向大家介绍在JavaScript中使用列表元素的兄弟？，包括了在JavaScript中使用列表元素的兄弟？的使用技巧和注意事项，需要的朋友参考一下 为了找到列表元素的同级 元素，javascript提供了一种称为node.nextSibling的方法。如果我们知道列表的任何成员，我们可以找到其同级。让我们简要地讨论一下。 语法 示例 在以下示例中，有3个列表元素。使用 nextSibling属
-
一个做为底层的元素为a×b网格 ，然后兄弟元素作为上层元素与其重叠，同为一个n×m的网格，其中m和n最小值为a，b。其父元素的宽高是固定的。现在两个兄弟元素都绑上点击事件，要怎样同时触发两个兄弟元素的事件啊。 底层元素 上层元素
-
上面的数组 id=311的父节点是 id=31，id=2的父节点为null； 请问应该怎么解决？
-
问题内容： Safari和Chrome以及Opera和Firefox可以处理伪类和相邻兄弟选择器： 这可行。 但是，当添加另一个相邻的兄弟姐妹时： Webkit分崩离析。 但是，如果您先将鼠标悬停在该样式上， 然后将 鼠标悬停在该样式上，则会按照应有的方式应用样式。 我进一步感到困惑，因为如果添加： 无论是否声明了样式，它都会按预期方式开始工作。 我在以下位置看到此问题： 谷歌浏览器15.0.87