如何从父级访问iframe中的DIV

Question

希望有人可以提供帮助，但我正在尝试访问div id =“mnuGrp”，它位于来自document.ready（）部分内的父窗口的子iframe（id =“iframe2）内，但不确定如何访问此内容父母中的子div为了应用fadein和fadeout调用。

想要在以下电话中使用：

$(' ???? ').click(function(){ etc

其中“????”是我在iframe中访问子div的方法。

任何帮助都将不胜感激。

感谢。

Answer 1

因为你专门询问jQuery上下文：

$(document).ready( function(){
    $('#iframe2').contents().find('div#mnuGrp').fadeIn('slow');
    // or whichever effect you prefer
});

请注意，相对于主页面和框架源，您可能会受到同源策略的约束。

Answer 2

您可以通过以下方式访问div：window.frames[framename].document.getElementById("mnuGrp")

Answer 3

每个人都喜欢这个contents().find()不确定原因 jQuery不是必需的。但是如果你想使用jQuery：

$("#mnuGrp", $("#iframe2")[0].contentWindow.document).click();