的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(); 
});