在 HTML 開發中,經常需要獲取元素的父元素以便對其進行操作。在 jQuery 中,通過使用 parent() 和 parents() 方法可以輕松獲取元素的父元素。
parent() 方法返回當前元素的直接父元素,而 parents() 方法則返回當前元素所有祖先元素中符合選擇器條件的元素集合。
// 獲取元素的直接父元素 $('selector').parent(); // 獲取元素所有符合條件的祖先元素 $('selector').parents('條件');
例如,在下面的 HTML 結構中:
<div class="container"> <div class="parent"> <div class="child"> <p>Hello world!</p> </div> </div> </div>
如需獲取 .child 元素的直接父元素和所有符合條件 .container 的祖先元素:
// 獲取 .child 元素的直接父元素 .parent $('.child').parent(); // 獲取 .child 元素在所有 .container 中的祖先元素 .container 和 html、body $('.child').parents('.container,html,body');
使用以上方法可以輕松地獲取元素的父元素,便于后續操作和處理。
下一篇jquery 彈窗插件