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

<html><head><title></title></head><body><div><divid="div1">1</div><divid="div2">2</di... <html>
<head>
<title>
</title>
</head>
<body>
<div>
<div id = "div1">1</div>
<div id = "div2">2</div>
<div id = "div3">3</div>
<div id = "div4">4</div>
<div id = "div5">5</div>
</div>
</body>
</html>

打个比方 我怎么获得div2的上下 divID
展开
 我来答
Baby_原來
推荐于2016-03-17 · TA获得超过3402个赞
知道大有可为答主
回答量:1535
采纳率:94%
帮助的人:503万
展开全部

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

.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
4408110qaz
推荐于2018-02-22 · TA获得超过362个赞
知道小有建树答主
回答量:153
采纳率:0%
帮助的人:78.6万
展开全部
$("#div2").prev().attr("id")
$("#div2").next().attr("id")
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
晓宇随缘5
2015-09-21 · 超过19用户采纳过TA的回答
知道答主
回答量:38
采纳率:0%
帮助的人:28万
展开全部
$('#cur').silbings(); //同级
$('#cur').prev(); //上一个
$('#cur').next(); //下一个
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式