JQuery - 如何在基于 WebKit 的浏览器（chrome/safari）中将对象附加到 iframe？

Question

我有这个代码：

  <script type="text/javascript">
    $(document).ready(function() {
        $("#iframeId").contents().find("body").append($("#test"));
    });
  </script>
  <iframe id="iframeId" name="iframeId" src="about:blank" ></iframe>
  <div id="test">
     Text
  </div>

而且我需要将整个对象附加到 iframe（不仅是 html()）。 它在 IE、Firefox 和 Opera 中运行良好，但我无法在 Chrome/Safari 中运行。是否有任何 hack 或其他方式，如何将 html 对象放入 iframe，与 WebKit 一起使用？

编辑

我无法克隆对象（或使用其内部 Html），因为我需要将它与文件输入一起使用，并且由于安全限制我无法复制它。

Answer 1

outerHTML。这个例子很好用：

jQuery.fn.outerHTML = function() {
    return $('<div>').append( this.eq(0).clone() ).html();
};

$("#iframeId").contents().find("body").html($("#test").outerHTML());
$("#test").remove();

--编辑

  <script type="text/javascript">
    $(document).ready(function() {
     $("#iframeId").contents().find("body").html($("<div></div>").append($("#test")).html());
    });
  </script>
  <iframe id="iframeId" name="iframeId" src="about:blank" ></iframe>
  <div id="test">
     Text
  </div>

--编辑二

$("#iframeLast").contents().find("body").append($("<form></form>").append($("#inputLast")));