parent()父級 , prev()同輩 , children()子級 關係查詢演示
阿新 • • 發佈：2019-01-07
<!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>