javascript - 更改 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"));