将内容附加到iframe jQuery

时间:2018-02-15 11:42:09

标签: javascript jquery html css

我正在尝试从我的一个表单中获取用户输入的textarea内容,并在iframe中打印该内容,以下是代码:

$('.btn-options > ul > li:nth-child(1) > a').on("click", function(e){
  $(".textField > textarea").each(function(){
    var textareaCon = $(this).html();
    $(this).next().append("<div class='notes-data'>" + textareaCon + "</div>");
  });
  var divElements = $(".sg-Tab-panel.is-open").html();
  var oldPage = document.body.innerHTML;
  var iframe = $('<iframe class="hidden" id="printer"></iframe>').appendTo('body');
  var printer = $('#printer');
  printer.contents().find('body').append(" + divElements + ");
  printer.get(0).contentWindow.print();
  printer.remove();

});

内容未在打印预览中显示,但是当我取消并再次返回页面时,其工作却没有,当我点击打印链接时。

编辑以下代码未向iframe发送数据,但在我控制台时,我看到了数据:

$(".textField > textarea").each(function(){
    var textareaCon = $(this).html();
    $(this).next().append("<div class='notes-data'>" + textareaCon + "</div>");
  });

这里有错,请建议

感谢

1 个答案:

答案 0 :(得分:0)

尝试将$(this)存储在临时变量