好程序员-千锋教育旗下高端IT职业教育品牌
官方微信
2023-06-13
jquery 前端 杭州 广州
在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打印到控制台上。你可以根据需要修改代码以适应你的具体情况。
上一篇：jquery：查找第一个子元素
下一篇：jquery：获取元素的值
扫码开启架构师蜕变之旅 >>
开班时间：2021-04-12（深圳）
开班盛况开班时间：2021-05-17（北京）
开班盛况开班时间：2021-03-22（杭州）
开班盛况开班时间：2021-04-26（北京）
开班盛况开班时间：2021-05-10（北京）
开班盛况开班时间：2021-02-22（北京）
开班盛况开班时间：2021-07-12（北京）
预约报名开班时间：2020-09-21（上海）
开班盛况开班时间：2021-07-12（北京）
预约报名开班时间：2019-07-22（北京）
开班盛况
Copyright 2011-2023 北京千锋互联科技有限公司 .All Right
京ICP备12003911号-5
京公网安备 11010802035720号
