javascript - 打印功能中的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>

J查询:

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

我试图在同一页中打印上述所有 id，但它仅重新调整第一个 id #logo 并仅打印 Logo 。我该怎么做才能解决这个问题？

Answer 1

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

类似于:

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

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

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