在前端開發中，jQuery 是非常常用的一種 JavaScript 庫，其功能強大，使用方便，可以極大地提高開發效率。而其中一個常用的功能就是獲取父元素。下面我們就來介紹一下如何使用 jQuery 獲取父元素。
假設我們有如下 HTML 代碼：
<div id="parent"> <p>這是父元素</p> <div id="child"> <p>這是子元素</p> </div> </div>我們需要獲取子元素 `#child` 的父元素 `#parent`，可以使用 jQuery 中的 `parent()` 方法進行獲取，代碼如下：
$(document).ready(function() {
var parentEle = $("#child").parent();
console.log(parentEle);
});其中，`$(document).ready()` 方法是指頁面加載完成后執行的事件，`$()` 是 jQuery 中的選擇器，`"#child"` 表示選取 id 為 `child` 的元素。
使用 `parent()` 方法可以獲取父元素，返回的是一個 jQuery 對象。上述代碼運行后，`console` 中會輸出如下結果：<div id="parent"> <p>這是父元素</p> <div id="child"> <p>這是子元素</p> </div> </div>我們也可以通過 `parent()` 方法來連續獲取多層父元素，比如要獲取 `#child` 的祖先元素 `body`，代碼如下：
$(document).ready(function() {
var ancestorEle = $("#child").parent().parent().parent();
console.log(ancestorEle);
});運行后，`console` 中會輸出如下結果：<body>...</body>可以看到，通過不斷調用 `parent()` 方法可以獲取多層父元素。 總之，使用 jQuery 獲取父元素非常方便，只需使用 `parent()` 方法即可輕松實現。同時，我們需要掌握 jQuery 中的選擇器和方法，運用得當可以提升開發效率，快速構建出高質量的網頁。
上一篇jquery 獲取焦點