怎么用jquery 获取同级div 上一个div的id 跟下一个div的id
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么用jquery 获取同级div 上一个div的id 跟下一个div的id相关的知识，希望对你有一定的参考价值。
<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>... div id = "div1">1</head> <div> </div>2</ <div4" <div id = "title> </<html> <> <body>body> </ <div id = "div3">3<div> </div>div> <4</ <div id = "div5">5< <div id = ">/div>/div>div2"title> <head> 展开
参考技术A 先获取当前对象，再根据对象去获取上一个兄弟节点和下一个兄弟节点.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选择器
根据标签
$(‘div‘)
根据id
$(‘#myid‘)
根据class
$(‘#myclass‘)
选择所有
$(‘*‘)
选择多个
$(‘div, #myid, .myclass‘)
选择所有div下的p标签
$(‘div p‘)
选择所有div下的p标签（直接下级）
$(‘div > p‘)
选择所有div的同级p（紧临的）
$(‘div + p‘)
选择所有div的同级p（所有同级p）
$(‘div + p‘)
$(‘li:first‘)
$(‘li:last‘)
$(‘li:even‘)
$(‘li:odd‘)
$(‘li:eq(1)‘)
$(‘li:gt(2)‘)
$(‘li:lt(3)‘)
$(‘li:contains(second-level)‘)
所有隐藏的
$(‘:hidden‘）
所有显示的
$(‘:visible‘）
名字属性是xxx
$(‘li[name="xxx"]‘)
名字属性是xxx开头
$(‘li[name^="xxx"]‘)
名字属性是xxx结尾
$(‘li[name$="xxx"]‘)
名字属性包含xxx
$(‘li[name*="xxx"]‘)
以上是关于怎么用jquery 获取同级div 上一个div的id 跟下一个div的id的主要内容，如果未能解决你的问题，请参考以下文章