Question

使用jQuery，我试图通过单击iframe中的按钮（源位于同一服务器上）来影响父文档中iframe外部的div。我已经尝试了各种语法变体来完成这项工作，但我没有成功。这个的正确语法是什么？非常感谢任何帮助，因为我对此很陌生。

$(".show-add").click(function() { // I'm a button inside an iframe
    event.preventDefault();

    // I'm outside the iframe in the parent document
    window.parent.document.$("." + $(this).data('section') + "-next-step").addClass("hidden");
    window.parent.document.$("." + $(this).data('section') + "-save-experience").addClass("show");
});

Answer 1

首先，您需要确保$(this).data('section')返回有效数据，并且可以在父窗口中找到此数据，这意味着它允许访问有效的现有元素，为什么不尝试更简单的元素，如元素使用已知ID以确保它可以访问。

第二次尝试直接从window.parent.访问元素，如下所示：

$(".show-add").click(function() { // I'm a button inside an iframe
    event.preventDefault();

    // I'm outside the iframe in the parent document
    window.parent.$("." + $(this).data('section') + "-next-step").addClass("hidden");
   window.parent.$("." + $(this).data('section') + "-save-experience").addClass("show");
});

尝试在iframe外的paretn文档中添加/删除div中的类

1 个答案: