jquery：获取父页面元素
来源：好程序员 发布人：yyy
推荐
在jQuery中，你可以使用`parent()`函数来获取当前元素的父元素。这个函数返回当前元素的直接父级元素。
下面是使用jQuery获取父页面元素的示例代码：
html
<!DOCTYPE html>
<html>
<head>
<title>获取父页面元素示例</title>
http:// <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<iframe id="myIframe" src="parent.html"></iframe>
<script>
// 获取父页面元素
$(document).ready(function() {
var parentElement = $("#myIframe").parent();
console.log("父页面元素的id：" + parentElement.attr("id"));
});
</script>
</body>
</html>在上面的示例中，我们创建了一个包含一个iframe元素的页面。iframe的src属性指向一个名为"parent.html"的页面。
在JavaScript代码部分，我们使用`parent()`函数来获取id为"myIframe"的iframe元素的父元素，即包含iframe的页面的元素。然后，我们使用`attr()`函数来获取父页面元素的id属性，并将其打印到控制台。
请注意，为了使用jQuery，我们在``标签中引入了jQuery库。你可以使用CDN链接或本地文件路径来加载jQuery库。
当页面加载完成后，jQuery会获取id为"myIframe"的iframe元素的父元素，并将父页面元素的id打印到控制台上。你可以根据需要修改代码以适应你的具体情况。
我已阅读并同意《千锋教育用户隐私协议》