jquery - 从 iframe 内容中获取父元素的属性值

Question

data-media如果我在内容中运行脚本，有没有办法获取属性的值iframe？

代码如下所示：

<div id="myDiv">
    <iframe data-create-resource-url="http://my.domain.url" 
       data-media="Song" 
       frameborder="0" 
       height="41" 
       src="https://different.domain.url" width="366">
     </iframe>
</div>

我已经尝试了很多已经喜欢window.parent.document或top.document或window.parent其他可用解决方案的方法，但似乎不起作用。

Answer 1

好吧，您实际上并不需要访问父级。当您在 iframe 中运行脚本时。iframe 当前是 iframe 中脚本的窗口。所以访问窗口元素应该给你所说的attr. 试试这个（未测试）：

alert($(window).attr('data-media'));

Answer 2

你试过这个：

window.frameElement.getAttribute("data-media");

Answer 3

首先，将 ID 或 CLASS 添加到 iframe 元素（例如id='myframe'）
然后您可以使用 jquery 访问任何属性：

var parent=window.parent.document.getElementById('#myframe');

现在只需获取您的属性（未测试）：

myAttr=$(parent).data("my-data-attribute") or
myAttr=$(parent).attr("myelement")