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