更改 iframe 内的内容并删除不需要的元素

Question

我有一个 div

<div id="container">
<iframe id="survey" src="somepage"></iframe>
</div>

现在页面在 iframe 中加载

我想删除 iframe 中除 div 之外的所有其他项目

$("#container").html($("#survey .requiredDiv").html())

但这不起作用

有可能做这样的事情吗？应该怎么做？

Answer 1

记住：iframe 的 src 也必须在同一个域中。这是出于安全原因。

但是你可以使用 load/html 这样的方式：

$("#container").html(function(){
    // There could be multiple target elements, i guess you should loop and return the html
    var htm = '';
    $("#survey").contents().find(".requiredDiv").each(function(){
       htm += this;  
    });
    return htm;
});

使用.load()：

$("#container").load($("#survey").contents().find(".requiredDiv"));