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'元素

score 1 · Accepted Answer

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

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

1 回答 1