的jQuery多个选择

Question

HTML：

<div id="firstline"> 
    <div class="col-md-3"> 
     <a href="/"><div id="logo">Flooring</div></a> 
    </div> 
... 
</div> 
<div class="col-md-2"> 
    <ul> 
    ... 
     <li> 
     <button id="printall"><b class="fa fa-print"></b> Print</button> 
     </li> 
    </ul> 
</div> 
<div id="detailarea" class="col-md-12"> 
... 
</div> 

的Jquery：

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

我要打印的上述ID的产品总数在同一个页面，但它reconizes只有第一个ID #logo和只打印标志。我能做些什么来解决这个问题？

Answer 1

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

但这不会复制任何动态的内容，就像如果他们已经输入的文本的地方。

Answer 2

尝试jQuery中：

$("#printall").click(function(){ 
    $('#logo, #firstshow, #detailarea').each(function(){ 
     $(this).print(); 
    }; 
}); 

Answer 3

我认为你必须创建一个新的页面，然后添加你想要打印的容器的内容，然后打印。

喜欢的东西：

$("#printall").click(function(){ 

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

    $('#new-container').print(); 
});