JQuery可以通過this獲取父節點,在前端開發中非常常見。下面我們來看一下如何使用:
$(document).ready(function(){ $('#child').click(function(){ var parent = $(this).parent().attr('id'); alert('我的父節點的id為:'+ parent); }); });
在這個例子中,我們先通過jQuery選擇器選中id為child的DOM元素,然后使用click事件監聽器,當元素被點擊時執行函數。
接著,在函數中使用this關鍵字獲取當前被點擊的元素,并使用parent()方法獲取其父元素的jQuery對象,最后使用attr()方法獲取其父元素的id屬性值。
最終,我們彈出一個提示框,顯示出被點擊元素的父元素的id值。
通過使用this獲取父節點,我們可以在前端開發中更加便捷地操作DOM元素,從而實現更多的功能。