如何从iframe将元素追加到父体？

Question

我在iframe中有这段代码。

<script type="text/javascript">
    $(document).ready(function(){
        $("body").append($("#ctap").html());
    });
</script>

我想将 #ctap 的html附加到父体。我怎么能这样做？

Answer 1

在document.ready

中尝试以下代码

parent.$("body").append($("#ctap").html());

Answer 2

如果父体，您应该具有以下内容：

var iFrame = $('#iframe_id');
var iContent = iFrame.contents().find("#ctap").html();
$("body").append( iContent );

Answer 3

为了能够从iframe访问主机页面的内容，由于跨域脚本限制，它们必须具有完全相同的位置（主机名和端口）。

请参阅How to remove iframe from parent page using a function inside the iframe?