Javascript jquery打印功能中的多个选择器

Javascript jquery打印功能中的多个选择器,javascript,jquery,html,Javascript,Jquery,Html,Html: 我试图在同一页中打印上述id,但它只重新识别第一个id徽标,并且只打印徽标。我可以做些什么来解决这个问题?在jquery中尝试: jQuery(document).ready(function($){ ... $("#printall").click(function(){ $('#logo, #firstshow, #detailarea').print(); }); }); 我认为您必须创建一个新页面,然后附加要打印的容器的内容,然后打印它 比如: $("#prin

Html:

我试图在同一页中打印上述id,但它只重新识别第一个id徽标,并且只打印徽标。我可以做些什么来解决这个问题?

在jquery中尝试:

jQuery(document).ready(function($){
...
 $("#printall").click(function(){
    $('#logo, #firstshow, #detailarea').print();
 });
});

我认为您必须创建一个新页面,然后附加要打印的容器的内容,然后打印它

比如:

$("#printall").click(function(){
    $('#logo, #firstshow, #detailarea').each(function(){
       $(this).print();
    };
});
$(“#printall”)。单击(函数(){
var printThis=$('');
$('#logo').clone().appendTo(printThis);
$('#firstshow').clone().appendTo(printThis);
$('#detailarea').clone().appendTo(printThis);
$(printThis.print();
});

但这不会克隆任何动态内容,就像他们在某处输入了文本一样。

是的,我以前试过。。。我需要在一页里有那个div。该代码只起作用,并分别打开3个打印窗口,每个窗口一个div。它应该起作用,但没有。现在在打印窗口中显示页面中的所有div,而不是选中的3个div。
$("#printall").click(function(){
    $('#logo, #firstshow, #detailarea').each(function(){
       $(this).print();
    };
});
$("#printall").click(function(){

    $('#logo, #firstshow, #detailarea').each(function(){
         $('#new-container').append($(this).html());
    });

    $('#new-container').print();
});
 $("#printall").click(function(){ 
    var printThis = $('<div/>');
    $('#logo').clone().appendTo(printThis);
    $('#firstshow').clone().appendTo(printThis);
    $('#detailarea').clone().appendTo(printThis);
    $(printThis).print();
});