从iframe中选择iframe的直接父元素

Question

我有以下标记：

<html>
    <body>
        <div class="aaa"></div>
        <div class="aaa"></div>
        <div class="aaa">
            <iframe>
                <form id="myform">

                </form>
            </iframe>
        </div>
        <div class="aaa"></div>
    </body>
</html>

加载iframe ，其格式为“ #myform”。 提交表单后，我需要基于div.aaa运行某个回调，该回调是iframe的直接父级。

由于我不知道div.aaa的ID，因此任何基于parent.document解决方案都无法帮上div.aaa 。

我想做的事情类似于$('#myform').closest('div.aaa') ，但是，这当然会失败，因为无法以这种方式访问iframe窗口本身之外的任何元素。

如何最好地访问此iframe的直接父div ，实际上它是父文档中的一个元素？

parent和iframe的来源相同。

Answer 1

您可以跳到父窗口并通过将框架元素contentWindow与iframe内的已知窗口匹配来在父文档中查找特定的iframe

就像是：

$(window.parent.document).find('iframe').filter(function() {
  return this.contentWindow === window;
}).parent().doSomething()

DEMO

Answer 2

我建议使用.closest('.aaa') 。 但是，如果您可以分配一个唯一的标识符，则可以使用性能.parent('.uniq_selector') 。

从iframe中选择iframe的直接父元素

问题描述

2 个解决方案

解决方案1
5 已采纳 2018-11-10 14:24:58

解决方案2
-5 2018-11-10 13:37:56

从iframe中选择iframe的直接父元素

问题描述

2 个解决方案

解决方案1 5 已采纳 2018-11-10 14:24:58

解决方案2 -5 2018-11-10 13:37:56

解决方案1
5 已采纳 2018-11-10 14:24:58

解决方案2
-5 2018-11-10 13:37:56