0
点赞
收藏
分享

微信扫一扫

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


文章主题

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);
})

运行效果图

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


举报

相关推荐

0 条评论