jQuery中的parent()方法是一種遍歷DOM樹的方法,它能返回一個元素的所有祖先元素。
parents()方法返回指定元素的所有父元素。這個方法可以添加一個選擇器作為參數,以返回滿足該選擇器的所有祖先元素。
// 例如,某個元素的HTML結構如下: <div class="outer"> <div class="inner"> <p>Hello World!</p> </div> </div> // 我們想要選擇這個段落元素的所有祖先元素: $("p").parents().css("border", "1px solid red"); // 則它將選中.outer和.inner兩個元素
我們也可以使用選擇器參數來選擇特定的祖先元素。
// 比如,以下代碼將選中.outer元素 $("p").parents(".outer").css("border", "1px solid green");
上述的parents()方法僅返回祖先元素,不包括父元素本身。如果需要包括父元素自身,可以在方法名稱中添加"Self"。
// 以下代碼將選中段落元素的父元素.inner以及祖先元素.outer及其自身 $("p").parentsAndSelf(".outer, .inner").css("background-color", "yellow");