jquery - 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

外层HTML。这个例子工作正常：

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")));