摘要：
在前端开发中，jQuery 是非常常用的一种 JavaScript 库，其功能强大，使用方便，可以极大地提高开发效率。而其中一个常用的功能就是获取父元素。... 在前端开发中，jQuery 是非常常用的一种 JavaScript 库，其功能强大，使用方便，可以极大地提高开发效率。而其中一个常用的功能就是获取父元素。下面我们就来介绍一下如何使用 jQuery 获取父元素。假设我们有如下 HTML 代码：
这是父元素
这是子元素
我们需要获取子元素 `#child` 的父元素 `#parent`，可以使用 jQuery 中的 `parent()` 方法进行获取，代码如下：
$(document).ready(function() {
var parentEle = $("#child").parent();
console.log(parentEle);
});
其中，`$(document).ready()` 方法是指页面加载完成后执行的事件，`$()` 是 jQuery 中的选择器，`"#child"` 表示选取 id 为 `child` 的元素。使用 `parent()` 方法可以获取父元素，返回的是一个 jQuery 对象。上述代码运行后，`console` 中会输出如下结果：
这是父元素
这是子元素
我们也可以通过 `parent()` 方法来连续获取多层父元素，比如要获取 `#child` 的祖先元素 `body`，代码如下：
$(document).ready(function() {
var ancestorEle = $("#child").parent().parent().parent();
console.log(ancestorEle);
});
运行后，`console` 中会输出如下结果：
...
可以看到，通过不断调用 `parent()` 方法可以获取多层父元素。总之，使用 jQuery 获取父元素非常方便，只需使用 `parent()` 方法即可轻松实现。同时，我们需要掌握 jQuery 中的选择器和方法，运用得当可以提升开发效率，快速构建出高质量的网页。
