PrintThis -在同一页上打印来自2个不同元素的内容

Question

我使用的是printthis.js，它可以很好地打印网页上预先格式化的元素中的内容。要激活打印命令，我使用以下命令：

$(function() {
    $('#print').click(function() {
        $('pre').printThis();
    });
});

现在我想打印一个页面，它在顶部显示h1 (来自同一个网页)，然后在预先格式化的元素上方显示。

$(function() {
    $('#print').click(function() {
        $('h1').printThis();
        $('pre').printThis();
    });
});

不幸的是，使用这段代码，我只能在两个不同的页面中打印它们(实际上它们是两个独立的打印命令)。我希望它们出现在相同的打印页面上，如下所示: 1) h1内容2)换行符3) 'pre‘元素

Answer 1

您可以向printThis传递多个选择器：

$('#kitty-one, #kitty-two, #kitty-three').printThis({
    importCSS: false,
    loadCSS: "",
    header: "<h1>Look at all of my kitties!</h1>"
});

来源(就在第一页)：https://github.com/jasonday/printThis#advanced-features