十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
先获取当前对象,再根据对象去获取上一个兄弟节点和下一个兄弟节点
成都创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的鲁山网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
.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
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自己总结的一部分,你可以参考一下。
更详细和专业的解析你可以去这里看一下:
$("a").click(function(){
//获取当前a的前一个同级元素: $(this).prev(), 在你提供的代码中,即为 img元素
});
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)
jquery中css() 方法可以设置或返回被选元素的一个或多个样式属性,下面的例子将返回首个匹配元素的 background-color 值:
$("p").css("background-color");
父级的同级元素的子标签的css样式如下:
//eq(0)表示选择匹配到多个元素中的第一个
$("target").parent().siblings().eq(0).children().eq(0)
选取 div 元素同级的所有 p 元素:
("element ~ siblings") 选择器选取指定元素 "element" 同级的所有元素。
参数
element 必需。任何有效的 jQuery 选择器。
siblings 必需。规定 element 参数的同级。