jQuery parent() 方法
示例
返回 <span> 的直接父元素
$(document).ready(function(){
$("span").parent().css({"color": "red", "border": "2px solid red"});
});
结果
body (曾祖父级元素)div (祖父级元素)ul (父级元素)- li (直接父元素) span
亲自尝试 »
定义和用法
parent() 方法返回所选元素的直接父元素。
DOM 树：此方法仅向上遍历 DOM 树一个级别。要一直向上遍历到文档的根元素（以返回祖父母或其他祖先），请使用 parents() 或 parentsUntil() 方法。
提示：要向下遍历 DOM 树一个级别，或一直向下遍历到最后一个后代（以返回子元素或其他后代），请使用 children() 或 find() 方法。
语法
$(选择器).parent(过滤器)
| 参数 | 描述 |
|---|---|
| 过滤器 | 可选。指定一个选择器表达式以缩小父级搜索范围 |
亲自尝试 - 示例
返回每个 <span> 元素的直接父元素
如何返回每个 <span> 元素的直接父元素。
缩小搜索范围
如何使用 filter 参数返回每个 <span> 元素的具有类名 "first" 的父 <li> 元素。
返回每个 <p> 元素的直接父 <div> 元素
如何返回每个 <p> 元素的所有直接父 <div> 元素。
按标签名显示元素的祖先元素
一个演示，展示 <span> 元素的祖先实际上是谁。
