html - 如何将 IFRAME 移动到 DIV 中？

Question

有一个HTML内容，用户可以自由编辑。没关系，但我必须将所有 IFRAME 移动到一个 DIV 中。我正在尝试这样做:

$('#rolunk_content iframe').html ('<div>1' + $('#rolunk_content iframe').html() + '2</div>');

但这没有任何效果。

编辑: fiddle :http://jsfiddle.net/nE3jG/

Answer 1

那是因为您的代码试图设置 iframe 的 innerHTML，这显然是行不通的……而且您的其他逻辑也是错误的。 ..

尝试:

$("#rolunk_content iframe").each(function() {
    var div = document.createElement('div'),
        rel = this.nextSibling, par = this.parentNode;
    div.appendChild(document.createTextNode("1"));
    div.appendChild(this); // the iframe
    div.appendChild(document.createTextNode("2"));
    par.insertBefore(div,rel);
});

Vanilla JS写起来可能会更长一些，但就做你期望它做的事情而言，它更可靠；)