jquery查找同辈元素办法有哪些

web前端|前端问答 jquery查找同辈元素办法有哪些

jquery

web前端-前端问答

摄影移动端源码,vscode+中文下载,查看ubuntu 版本,tomcat直接ssl,sqlite删除临时文件,室内夏天防爬虫的方法有哪些,php 二进制转换成图片,玉溪seo培训哪里好,c爱影院相关网站,小米开源网站模板lzw

jquery查找同辈元素的方法有七个：siblings()、next()、nextAll()、nextUntil()、prev()、prevAll()、prevUntil()

书生极简网盘源码,vscode无法输出中文,ubuntu删除网关,tomcat中放html,安卓sqlite sd卡,爬虫技术的发展总结报告,php静态类调用,广州seo推广外包,信息发布类网站源代码,网页右侧漂浮的在线客服导航,4y4模板采集器lzw

1、siblings()方法

团购app 源码,ubuntu 20 不能启动,好奇发痒爬虫视频,php arry =>,网页编辑seolzw

主要用于获得指定元素的同辈所有元素

										.siblings * {				display: block;				border: 2px solid lightgrey;				color: lightgrey;				padding: 5px;				margin: 15px;			}							$(document).ready(function() {				$("li.start").siblings().css({					"color": "red",					"border": "2px solid red"				});			});									ul 				li (同辈节点)
				li (上一个同辈节点)
				li (本元素)
				li (下一个同辈节点)
				li (同辈节点)

jquery查找同辈元素办法有哪些

2、next()方法

主要用于获得指定元素的下一个同辈元素

$(document).ready(function() {	$("li.start").next().css({		"color": "red",		"border": "2px solid red"	});});

jquery查找同辈元素办法有哪些

3、nextAll()方法

主要用于获得指定元素的下一个同辈的所有元素

$(document).ready(function() {	$("li.start").nextAll().css({		"color": "red",		"border": "2px solid red"	});});

jquery查找同辈元素办法有哪些

4、nextUntil()方法

主要用于获得指定元素的下一个同辈元素，这个同级元素必须为指定元素与nextUntil()方法所设置元素之间的元素

5、prev()方法

主要用于获得指定元素的上一级同辈元素

$(document).ready(function() {	$("li.start").prev().css({		"color": "red",		"border": "2px solid red"	});});

jquery查找同辈元素办法有哪些

6、prevAll()方法

主要用于获得指定元素上一级所有的同辈元素

$(document).ready(function() {	$("li.start").prevAll().css({		"color": "red",		"border": "2px solid red"	});});

jquery查找同辈元素办法有哪些

7、prevUntil()方法

主要用于获得指定元素的上一个同辈元素，这个同级元素必须为指定元素与prevUntil()方法所设置元素之间的元素

【推荐学习：jQuery视频教学、web前端视频】