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