如何获取iframe的父div的ID？

Question

我有一个看起来像这样的页面：

 <div class="myclass" id="div1"><iframe id="frame1" src="myiframe.html"></div>
 <div class="myclass" id="div2"><iframe id="frame2" src="myiframe.html"></div>

在我的iframe中，我需要知道其父节点的div的id，但我不知道如何。 我搜索了一个没有jquery的解决方案，但我找到的只是getElementById的东西，我实际上在搜索id。

有人可以帮助我吗？

Answer 1

您必须知道，就iFrame中的JS代码而言，窗口是 iFrame，文档是该iFrame的内容。这是一个适合您的小功能，以便为父母的文档：

var parentDoc = window;
while(parentDoc !== parentDoc.parent)
{
    parentDoc = parentDoc.parent;
}
parentDoc = parentDoc.document;
var iFrames = parentDoc.getElementsByTagName('iframe');
var divs = [];
for(var i=0;i<iFrames.length;i++)
{
    divs.push(iFrames[i].parentNode);//assuming the first parent is the div
}

应该做的伎俩

Answer 2

尝试这样：

parent.document.getElementById("div id")

var parentDivOfIfame1 = $("#frame1", parent.document).parent();