jq在iframe里面的页面获取父级页面的元素选择器

iframe中操作父页元素

最新推荐文章于 2023-05-26 11:28:04 发布

转载最新推荐文章于 2023-05-26 11:28:04 发布 · 588 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/3286465/blog/1976082

本文介绍了一种在iframe子页面中操作父级页面元素的方法，只需在选择器中加入window.parent.document，即可轻松实现跨iframe元素交互。例如，通过$(#LAY_app_tabsheaderwindow.parent.document)来获取父级元素的id。

如何在iframe里的子页面中操作父级页面的元素的呢，很简单，只需要在选择器中加入

window.parent.document

例如

var dom=$("#LAY_app_tabsheader", window.parent.document);

LAY_app_tabsheader是父级元素的id

转载于:https://my.oschina.net/u/3286465/blog/1976082

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

chiling0814

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Web-拾贝

oscar999的专栏

03-10

1万+

JavaScript MVC框架PK：Angular、Backbone、CanJS与Emberhttp://www.youkuaiyun.com/article/2013-04-25/2815032-A-Comparison-of-Angular-Backbone-CanJS-and-Ember一个好的js method 方法查询的网站，有browser兼容的介绍http://help.dottoro.co...

前端面试题

热门推荐

qq_41887655的博客

08-08

2万+

前端面试题汇总一、HTML和CSS 21 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 21 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 21 Quirks模式是什么？它和Standards模式有什么区别 21 div+css的布局较table布局有什么优点？ 22 img的alt与title有何异同？ strong与em的异同？ 22 你能...

参与评论您还未登录，请先登录后发表或查看评论

jQuery,选择器，选择父页面的元素

weixin_30267691的博客

09-19

371

　　　最近操作iframe页面元素比较多。涉及到在子页面里控制父页面元素的显示，使用parent.document.getElementById("filterToFloders")获取父页面里id为filterToFloders的元素，或者是从顶层window下找到iframe页面元素的操作-window.parent.frames["setFilterFrame"].document.getE...

Layui判断Tab栏是否打开，查找Tab栏中的元素

夏已微凉、

04-15

1322

一、场景二、Tab栏是否打开1、截图2、判断1、判断 [ 商品管理 ] 标签是否打开了2、判断当前标签页是否是 [ 订单管理 ]三、查找Tab栏中的元素1、查找订单数据表格2、查找ID为99的订单行数据3、修改订单ID为99这一行的其他列的数据4、注意一、场景很多时候，我们需要知道某一个标签页是否打开，如果打开了，则需要对该标签里的内容进行操作二、Tab栏是否打开 1、截图 2、判断 1、判断 [ 商品管理 ] 标签是否打开了 let haveGoodsTab = $('#LAY_app_ta.

LAYUI点击tab刷新：当已经弹出新页面的不需要点击刷新当没有弹出页面的时候点击刷新

m0_55546349的博客

04-25

1325

目前处理：在弹出页面的时候存储session，关闭时删掉session中对应数据。点击时拿到session判断：当前页面的url是否有匹配到session中的数据，如果匹配到则不用刷新当前页面，否则刷新。 ////重载表格-刷新 $('#LAY_app').on('click', '.layui-tab>#LAY_app_tabsheader>li', function (e) { let tabID = $(this).attr('lay-id'); console.l.

实现tabs组件IFrame模式的遮罩效果

onebyte的专栏

12-23

991

地址:http://www.easyui.info/archives/1283.html/comment-page-1?replytocom=3577 需求分析在jQuery Easyui框架中，大多使用url方式(即ajax方式)加载数据的话，都设计了“等待中效果”或者“遮罩效果”。但是实际应用中，并不一定只有ajax方式才需要这些效果，最常见的IFrame其实也需要这种效果，而t

jquery 操作iframe的几种方法总结选择器

qq_32722591的博客

05-26

4924

("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()一个页面中的所有框架以集合的形式作为window 对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是 document的属性。

jQuery获取所有父级元素及同级元素及子元素的方法(推荐)

11-27

1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id").closest() 获取其最近的祖先元素，依次上溯 ——————————————————————————– 2.获取...

iframe页面跨域父子传参通信

FantasyWeirdo的博客

08-05

2471

基本概念： window.self: 当前窗口自身的引用 window.parent: 上一级父窗口的引用 window.top: 最顶层窗口的引用当页面中不存在 iframe 嵌套时，则三者均是当前窗口自身的引用。同域iframe相互调用：子页面调用父页面方法：window.parent.fatherFn(); 父页面调用子页面方法： window.sonFrameName.sonFn(); (sonFrameName是iframe的name值) 非跨域父调子 //父页面 <button c

2021年最新Web前端面试题精选大全及答案

m0_54861649的博客

03-07

2308

jQuery获取与设置iframe高度的方法

01-19

本文实例讲述了jQuery获取与设置iframe高度的方法。分享给大家供大家参考，具体如下：设置iframe的高度，iframe的高度由iframe中的页面高度决定。 1.首先获取到iframe中页面的高度：复制代码代码如下:var iframeHeight = $(“#UpdateUserItem”).contents().find(“body”).height(); 2.设置iframe的高度： $(#UpdateUserItem).height(iframeHeight); 注：UpdateUserItem为iframe的ID；设置iframe高度的时候，需要将此代码放在

使用jQuery在iframe中访问父窗口中的节点

LinDom

08-18

407

$('父元素的节点选择器', window.parent.document)；

layuiadmin关闭当前iframe,打开指定iframe

小熊猫

08-27

1070

需求：从Banner_List页页打开Banner_ADD页面，子页面编辑后提交，关闭子页面，并刷新父页面Banner_List 母页面CommonWeb.aspx部分代码 <ul class="layui-nav layui-layout-left"> <li class="layui-nav-item layadmin-flexible" lay-unselect> <a href="javascript:;" layadmin-event="flexibl

关于jq easyui 刷新tabs的问题

weixin_34183910的博客

01-20

271

搞了两个多小时，最后还是使用模拟点击搞定了关于tabs刷新的问题。情景如下图：父级页面：SystemManage.aspx 子页面（传感器管理）：CGQManageWeb.aspx 使用jq-easyui提供的tabs插件完成的后台的布局操作。遇到一个问题，在父级页面添加新的tab panel也就是一个iframe后，如何在这个tab panel中调用jq-easyui提供的方法刷新这个...

layui后台系统--子页面修改父页面Tab（新增，删除）

Smile__Mo的博客

07-06

1万+

使用layui后台模板时发现原生的新增，关闭tab选项卡功能有问题。以下是可实现的代码： 1.新增$('#aaa').on('click', function () { var e = $(this), i = '../Departments/Index', t = 222; layui.router(); ...

layui中的指定tab标签关闭

m0_55000378的博客

04-30

4269

layui中的指定tab标签关闭 layui的选项卡只有第一次打开的时候获取最新的数据，为了不让用户每次操作时刷新，使用本方法让选项卡页面关闭后再打开关闭当前打开的tab页面 parent.layui.admin.events.closeThisTabs(); 关闭非当前tab选项卡，即另一个打开的iframe中的tab选项卡 1.首先引入admin.js(所有操作tab都需要导入admin.js) <script src="${pageContext.request.contextPath }/

Layui iframe版关闭页签的同时刷新另一个页签

qq_41952224的博客

07-01

3703

在列表页点击编辑的时候打开新页签 parent.layui.index.openTabsPage(url, '编辑'); 编辑完后关闭当前页签并刷新列表页 parent.layui.index.refreshAndCloseTabs(refresh, close); 注意：refreshAndCloseTabs() 方法是自定义的，需要在 lib/index.js 中添加该方法 r...

jq修改iframe内的页面的元素的样式

06-08

可以通过以下方式使用 jQuery 修改 iframe 内...其中，`your-selector` 可以替换成你需要修改的元素的选择器，`your-style-property` 和 `your-style-value` 分别是你需要修改的样式属性和值。可以根据需要进行修改。

jq在iframe里面的页面 获取父级页面的元素选择器

jq在iframe里面的页面获取父级页面的元素选择器