JavaScript 中可以通过 parent() 方法来获取父元素的值, parent() 方法返回被选元素的直接父元素. 使用 parent() 方法需要调用 JavaScript 的 jQuery 框架.
JavaScript 中使用 parent() 方法来获取父元素的值:
示例:
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <title>
- HTML 中文网
- </title>
- <style>
- .ancestors *{ display: block; border: 2px solid lightgrey; color: lightgrey;
- padding: 5px; margin: 15px; }
- </style>
- <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
- </script>
- <script>
- $(document).ready(function() {
- $("span").parent().CSS({
- "color": "red",
- "border": "2px solid red"
- });
- });
- </script>
- </head>
- <body class="ancestors">
- body (曾曾祖父节点)
- <div style="width:500px;">
- div (曾祖父节点)
- <ul>
- ul (祖父节点)
- <li>
- li (直接父节点)
- <span>
- span
- </span>
- </li>
- </ul>
- </div>
- </body>
- </HTML>
运行结果:
parent() 方法:
定义和用法:
parent() 方法返回被选元素的直接父元素.
DOM 树: 该方法只沿着 DOM 树向上遍历单一层级. 如需向上遍历直至文档根元素的所有路径 (返回祖父节点或其他祖先), 请使用 parents() 或 parentsUntil() 方法.
提示: 如需沿着 DOM 树向下遍历单一层级, 或向下遍历直至最后一个后代的所有路径 (返回子节点或其他后代), 请使用 children() 或 find() 方法.
语法:
$(selector).parent(filter)
来源: http://www.css88.com/qa/javascript/11520.html