javascript - 将内容附加到 iframe jQuery

标签 javascript jquery html css

我正在尝试获取用户从我的表单之一输入的文本区域内容,并在 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>");
  });

这里有什么问题,请指教

谢谢

最佳答案

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

关于javascript - 将内容附加到 iframe jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48806416/

相关文章:

javascript - 如何从单选按钮获取 jquery 或 JS 中的自定义属性值?

在 Div 中发布的 Javascript

jquery - Superscrollorama onPin 弄乱了我的布局

jquery - 使用 Jquery 从同一列表项中的另一个元素获取 id 属性

html - 如何设置CSS高度: 100% correctly for 1 sibling and fluid height for the other sibling?

html - 匹配文本内容并应用样式

javascript - 在 AJAX 调用上返回 html 表单字段

javascript - 异步,回调,关闭,哦,我的

php - 在 WooCommerce 单个产品上动态设置和显示自定义产品变体值

javascript - 使用 jquery/javascript 将 `&lt;script&gt;` 标签附加到 html