例
返回的直接父元素<span>
$(document).ready(function(){
$("span").parent().css({"color": "red", "border": "2px
solid red"});
});
结果：
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
试一试» 定义和用法
在parent()方法返回所选元素的直接父元素。
DOM树：这种方法只遍历一个级别了DOM树。 遍历所有方式到文档的根元素（返回祖父母或其他祖先），使用parents()或parentsUntil（）方法。
提示：要遍历一个级别向下DOM树，或者一路下跌到最后的后裔（返回子女或其他后代），使用children()或find()方法。
句法
$(selector).parent( filter )| 参数 | 描述 |
|---|---|
| filter | 可选的。 指定选择器表达式来缩小搜索父 |
试一试 - 示例
返回每个直接父<span>元素
如何返回每个直接父<span>元素。
缩小搜索范围
如何使用过滤器参数返回父<li>与类名的元素"first"每<span>
返回直接父<div>每个元素<p>元素
如何返回所有直接父<div>每个元素<p>元素。
通过显示标记名称的元素的祖先元素
演示，显示一个谁的祖先<span>元素实际上是。