jQuery - 如何从 iframe 内的元素中选择 iframe 的父级？答案

【问题标题】：jQuery - how do I select parents of iframe from an element inside the iframe?jQuery - 如何从 iframe 内的元素中选择 iframe 的父级？
【发布时间】：2014-09-28 12:01:10
【问题描述】：

我在 iframe 中有一个元素，例如 iframe 的主体，我需要从这个元素访问该元素所属的特定 iframe 的所有父级。文档中可能有多个 iframe，我只需要特定 iframe 的父级，通过选择器（例如类名）过滤。

如果元素不在 iframe 中，我可以只使用element.parents('.class-name');。我需要检查这个父级是否包含特定的后代（由类名等选择器过滤）。

如果给定元素不在 iframe 中，则只返回其父元素，而不会出现任何错误消息。

【问题讨论】：

如果你在 iframe 中执行 $("xxx").closest("yyy") 它只会在 iframe 中找到你的“yyy”，它不会检查父窗口。
因为它是一个框架，所以您必须获取 window.parent 这将是主页面窗口并从那里工作以找到 iframe 元素
Some info关于如何访问(i)frames.

标签： javascript jquery iframe

【解决方案1】：

类似这样的：window.parent.$('.className')

【讨论】：

【解决方案2】：

我找到了一个解决方案，我不确定它是否理想，但这里是：

var $element = jQuery(element);
var element_frame_element = $element[0].ownerDocument.defaultView.frameElement;
var element_parent = ((element_frame_element === null) ? $element : jQuery(element_frame_element)).parents('.class-name')

【讨论】：