jQuery選擇器是開發網頁時必不可少的一部分。其中,parent()選擇器可以幫助我們在文檔中尋找一個元素的父元素。
$(document).ready(function(){ $("button").click(function(){ $(this).parent().css("background-color", "yellow"); }); });
在上面的代碼示例中,我們先使用$(document).ready()方法來確保文檔已經準備好后再運行代碼。然后,當用戶點擊按鈕時,我們使用parent()方法來獲取當前按鈕的父元素,并將其背景顏色設置為黃色。
需要注意的是,parent()方法只會返回直接父元素,如果你需要查找更高層級的父元素,可以使用parents()方法。
$(document).ready(function(){ $("button").click(function(){ $(this).parents("div").css("background-color", "yellow"); }); });
在上面的代碼示例中,我們使用parents()方法來查找所有的父元素中,層級為div的元素,并將其背景顏色設置為黃色。
在實際開發中,我們經常需要在元素的父元素中尋找其他的相關元素,此時使用parent()方法可以幫助我們快速定位到目標元素的位置。
上一篇jquery選擇器中逗號
下一篇jquery選擇器+除了