<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>关系查找演示</title> <!--百度在线压缩地址--> <script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script> </head> <body> <!-- 描述:我们想通过下边的div里的button来操作上边的div里的h1标签的字体颜色,要通过关系查找的方式来进行凑走 关系查找缺点 : 容易被误判,操作繁琐,如果要是被删除一个标签的话就不好查找 使用到的Jquery方法 : parent() 查找父级元素方法 prev() 查找上一级同辈元素方法 children() 查找子类元素 --> <div> <div> <div> <h1>aaaaaaaaaaa</h1> <p>ppppppppppp</p> <h1>bbbbbbbbbbb</h1> <p>bbbbbbbbbbb</p> </div> </div> </div> <hr> <div> <div> <div> <button> 按钮 </button> </div> </div> </div> <script> $("button").click(function(){ $(this).parent().parent().parent().prev().prev().children().children().children("p").css("color","red"); }); </script> </body> </html>
parent()父级 , prev()同辈 , children()子级 关系查找演示
最新推荐文章于 2023-04-07 23:23:35 发布