怎么用jquery 获取同级div 上一个div的id 跟下一个div的id

先获取当前对象，再根据对象去获取上一个兄弟节点和下一个兄弟节点

prev()

定义和用法

prev() 获得匹配元素集合中每个元素紧邻的前一个同胞元素，通过选择器进行筛选是可选的。

prev(selector)

参数描述

selector    字符串值，包含用于匹配元素的选择器表达式。  

--说明：如果给定一个表示 DOM 元素集合的 jQuery 对象，prev() 方法允许我们在 DOM 树中搜索这些元素的前一个同胞元素，并用匹配元素构造一个新的 jQuery 对象。

next()

定义和用法

next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。

next(selector)

参数描述

selector    字符串值，包含用于匹配元素的选择器表达式。  

--说明：如果给定一个表示 DOM 元素集合的 jQuery 对象，next() 方法允许我们搜索 DOM 树中的元素紧跟的同胞元素，并用匹配元素构造新的 jQuery 对象。

示例：

<!--HTML代码-->

<div id="div1">111</div>

div id="div2">222</div>

div id="div3">333</div>$("#div2")prev()attr("id");    //获取div2同级的上一个div的id，值为div1

$("#div2")next()attr("id");    //获取div2同级的下一个div的id，值为div3

使用jquery可以很方便的解决这个问题。

parent([expr])

取得一个包含着所有匹配元素的唯一父元素的元素集合。

可以使用可选的表达式来筛选。

<div><p>Hello</p><p>Hello</p></div>

<script type="text/javascript">

$("p")parent();//获取p元素的父级元素（div）;

</script>

// 取得当前节点的父节点的所有直接子节点，查看当前节点在所有子节点中的位置，index从0开始。

var index = $(this)index($(this)parent()children());

以上就是关于怎么用jquery 获取同级div 上一个div的id 跟下一个div的id全部的内容，包括:怎么用jquery 获取同级div 上一个div的id 跟下一个div的id、js怎样获得上一层的this对象、js/jquery怎么样获取本身节点位于兄弟中的第几个等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！