jquery在iframe中选中父元素节点

发表于2021-09-24|更新于2026-02-24

|浏览量:

忧劳可以兴国，逸豫可以亡身。——《新五代史·伶官传序》

我们在使用如layui的layer弹窗或者在页面上用别的方式打开的iframe中可能会要获取到父页面的某个元素

可以使用：

1	window.parent.$(".layui-laypage-btn")

这里.layui-laypage-btn是父元素的节点

主要是

window.parent这个属性，能返回当前窗口的父窗口

相关推荐

unicloud简单入门

凡人生之生也，必以其欢，忧则失纪，怒则失端，忧悲喜怒道乃无处。爱欲静之，遇乱正之，勿引勿摧，福将自归。——管仲简单来说，uniCloud可以用js搞定后端逻辑，之前后端做的事情，全部使用js编写，上传到云空间供客户端调用那我们写一个简单的云函数吧首先创建项目勾选启用uniCloud然后点创建右键uniCloud点击关联云服务空间或项目然后登录并创建服务空间创建完成后我们再次点击关联这时候我们新建一个云函数右键cloudfunctions点击新建云函数输入函数名稍作修改 1234'use strict';exports.main = async (event, context) => { return 'hello uniCloud'}; 右键我们新建的云函数，点击上传并运行可以看到控制台多了一个我们上传的云函数并且控制台也打印了返回结果我们在初始页面调用该函数 123456uniCloud.callFunction({ name: 'te...

在今天和明天之间，有一段很长的时间；趁你还有精神的时候，学习迅速办事。——歌德来一篇“有点松弛又真有料”的前端模板解读：vue-pure-admin —— 一套全面基于 ESM + Vue3 + Vite + Element-Plus + TypeScript 编写的后台管理系统（兼容移动端）。仓库地址：pure-admin/vue-pure-admin，官方文档主页在这儿：纯净后台模板站点。一句话（来自仓库 description）：全面 ESM + Vue3 + Vite + Element-Plus + TypeScript 编写的一款后台管理系统（兼容移动端）。先把“核心卖点”丢给你：技术栈：Vue3 + Vite + Element Plus + TypeScript，全 ESM 状态管理：Pinia 样式生态：Tailwind CSS + SCSS 模板属性：is_template=true（可直接用作脚手架模板）移动端兼容：自适应布局与 UI 选择适配移动端许可证：MIT（放心用、好二开）官方站点与文档：https://pur...

回车提交表单

却是平流无石处，时时闻说有沉沦。——唐•杜荀鹤我们在页面开发中经常会写一些表单，但身为一个懒人，肯定是懒得点提交按钮的，我一般直接按回车提交当我们的form满足只有一个input的时候，回车事件是生效的 123<form> <input/></form> 当我们的form有多个input的时候，回车事件失效了 1234<form> <input/> <input/></form> 此时我们可以加一个input，让type=submit 即可再次满足回车提交效果 12345<form> <input/> <input/> <input type="submit"/></form> 如果要隐藏掉，使用样式display:hide隐藏即可但有时如果我们如果需要回车不提交表单，则可以避免上述条件如果想要不执行submit事件，可以直接在form上加一个onsubmit="return false&q...

猝然死去本无甚苦痛，长期累死倒真难以忍受。——佚名 codeFlask是一个在线代码编辑器：官方文档：https://kazzkiq.github.io/CodeFlask/ github：https://github.com/kazzkiq/CodeFlask 代码也很简单： 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="https://unpkg.com/codeflask/build/codeflask.min.js"></script> </head> <body> <...

js实现出拳蓄力发射效果

贤妻和健康是一个男子最宝贵的财富。——斯珀吉翁分享一个蓄力出拳的特效这个效果放到了codepen里 123456789101112131415161718<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>蓄力发射拳头</title><link rel="stylesheet" href="style.css"></head><body><div id="rocket-container"> <div id="rocket">✊</div>...

vue结合elementUI进行快速开发

人生最重要的不是努力，不是奋斗，而是抉择。我们引入一个elementUI 1cnpm i element-ui 然后在main.js中引入我们来做个测试，首先在页面中的methods中定义个welcome方法 123456789methods: { welcome() { this.$message({ showClose: true, message: "欢迎", type: "success", }); },}, 然后在created中调用该方法进入home页面，刷新可以看到效果了那我们再引入个导航栏首先创建header.vue 然后编写导航栏 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869<...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中