jquery筛选找到当前元素的所有子元素兄弟元素父级元素

在下，杨江河

已于 2023-01-17 12:03:40 修改

阅读量376

点赞数 1

分类专栏： Mac开发文章标签： jquery javascript 前端

于 2023-01-15 21:18:42 首次发布

本文链接：https://blog.csdn.net/Rockandrollman/article/details/128697981

版权

Mac开发专栏收录该内容

294 篇文章 2 订阅

订阅专栏

文章主题

jquery筛选找个当前元素的所有子元素兄弟元素父级元素

文章正文

jquery筛选找个当前元素的所有子元素兄弟元素父级元素，直接上代码，实用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.min.js"></script>
		<script src="js/index4.js"></script>
	</head>
	<body>
		<div>
			<div>
				哥哥
			</div>
			<div id="d1">
				<div>大儿子
					<div>孙子</div>
				</div>
				<div>小儿子</div>
			</div>
			<div>
				弟弟
			</div>
		</div>
	</body>
</html>

$(function(){
	/*$("#d1").children().css("color","red");//找儿子
	$("#d1").next().css("color","green");//找弟弟
	$("#d1").prev().css("color","blue");//找哥哥
	$("#d1").parent().css("background-color","pink");//找父亲
	$("#d1").parent().css("border","solid 3px");
	alert($("#d1").find("div").length);*/
	//串联
	$("#d1").children().css("color","red").end().next().css("color","green").end().prev().css("color","blue")
	.end().parent().css("background-color","pink");
	alert($("#d1").children().length);
})