jquery获取同级,jq 同级元素

怎么用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

相关问答

Q1: jquery获取不同层次的元素有哪几种方法？？

parent()//只会向上一级获取，只是一级

parents()//获取所有直接的上级，上级的同级元素不能获取

children()//获取所有下一级的元素，只是一级

find()//获取指定的下级，一定要指定，不然无效。如：find("span"),获取下级的所有span元素，无论在多深的下级。

siblings()//获取除了本元素以外的所有同级元素，如：你要对同级元素加上边框，这个只对同级元素有效，对本元素$(this)无效

next()//本元素的向下数第一个同级元素

nextAll()//所有在本元素下面的同级元素

nextUntil()//介于两个同级元素之间的同级元素。如：$("span").nextUntil("p") span和p必须是同级元素，然后获取span和p之间的同级元素

prev()//和next()相反

prevAll()//和nextAll()相反

prevUntil()//和nextUntil()相反，注：这个相反有点出入，最好自己先测试一遍再使用

first()//获取选中元素第一个（同级之间的）

last()//获取被选元素的最后一个（同级之间的）

eq(1)//获取被选元素的第2个，注：元素是从0开始数起的

filter(".css")//获取被选元素的同级所有带有.css类的

not()//和filter()相反

这是我之前学jquery自己总结的一部分，你可以参考一下。

更详细和专业的解析你可以去这里看一下：

Q2: jquery 获取当前同级节点

$("a").click(function(){

//获取当前a的前一个同级元素: $(this).prev(), 在你提供的代码中,即为 img元素

});

Q3: jquery 同级的元素怎么获取

ul lilist item 1/li lilist item 2/li li class="third-item"list item 3/li lilist item 4/li lilist item 5/li/ul $("li.third-item").siblings(); //可以获取4个li元素 $("li.third-item").prev(); //取得item2$("li.third-item").next(); //取得item4 $("li.third-item").prevAll(); //取得item1 itme2$("li.third-item").nextAll(); //取得item4 item5var $lis = $("li:last").siblings();$lis.eq(0)

Q4: jquery 获取 父级的同级下面的子标签的css样式

jquery中css() 方法可以设置或返回被选元素的一个或多个样式属性，下面的例子将返回首个匹配元素的 background-color 值：

$("p").css("background-color");

父级的同级元素的子标签的css样式如下：

//eq(0)表示选择匹配到多个元素中的第一个

$("target").parent().siblings().eq(0).children().eq(0)

Q5: jQuery|"~"同级选择器

选取 div 元素同级的所有 p 元素：

("element ~ siblings") 选择器选取指定元素 "element" 同级的所有元素。

参数

element 必需。任何有效的 jQuery 选择器。

siblings 必需。规定 element 参数的同级。