如何遍历所有引导选项卡并在单击按钮上打印内容

Question

如何在单击任何选项卡中的“ Print按钮时遍历所有引导选项卡并打印内容（不仅是活动标签的内容，而且还是非活动标签）。 每个标签都有动态插入的内容 。 尝试了我在相关SO解决方案中发现的一些建议的css变化。 那些对我不起作用。

我的打印按钮的onclick功能就在这里

function printMe() {
  var theWork = window.open('', 'PrintWindow');
  var tabs_html = "<html><head><title>Print</title>";
  tabs_html += "<style>body { padding: 15px; }</style></head>";
  $(".tabs").each(function() {
    $(this).find(".nav-tabs li").each(function(index, element) {
      tabs_html += "<h2>" + $(this).text() + "</h2><br/>";
      tabs_html += $(".tab-content .tab-pane").eq(index).html() + "<br/><br/>";
    });
    $(this).after(tabs_html + "</body></html>");
  });
    theWork.document.open();
    theWork.document.write(tabs_html);
    theWork.document.close();
    theWork.print();
}

小提琴

Answer 1

您的代码有两个问题。

您将在each循环中追加结束body和html标记。
您正在使用类tabs选择元素。 但是在提供的DOM / Fiddle中似乎没有这样的元素。

我已经修复了上述两个问题1.将结束body和html标签移出循环，然后2.用#id选择器替换.class选择器，瞧！ 有用。

DEMO

如何遍历所有引导选项卡并在单击按钮上打印内容

问题描述

1 个解决方案

解决方案1
0 已采纳 2016-07-11 13:01:40

如何遍历所有引导选项卡并在单击按钮上打印内容

问题描述

1 个解决方案

解决方案1 0 已采纳 2016-07-11 13:01:40

解决方案1
0 已采纳 2016-07-11 13:01:40