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

Я пытаюсь напечатать выше идентификаторы ALLtogether в одной и той же странице, но это reconizes только первый #logo ID и печатает только логотип. Что я могу сделать, чтобы исправить это?

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