使用javascript或jquery在一页上打印一行

我有一个循环运行的代码，当我试图打印它时，它应该在一页上有5张票

我想在一页上打印一张票

我不知道该怎么办，我正在尝试以下代码：

function Printticket()
{
        $('#print .ticket_new').each(function() {
            $(this).hide();
        });
        $('#print .ticket_new').each(function() {
            $(this).show();
            window.print();
        });
}

代码是这样的

<div id="print">
<loop from="1" to="10" index="k">
<div id="print_1" class="ticket_new>ticket1</div>
<div id="print_2" class="ticket_new>ticket2</div>
<div id="print_3" class="ticket_new>ticket3</div>
<div id="print_4" class="ticket_new>ticket4</div>
</loop>
</div>

票证2
票证4

将所有

div

放入单独的隐藏

iframe

（根据页面大小调整大小）并打印

HTML

JS

window.frames[“print”].focus（）；
window.frames[“print”].print（）

编辑：我刚刚读了普拉布的评论，这也是个好主意。
创建n个div

将每个div的高度和宽度设置为窗口的高度/宽度

并在各自的div中设置票证内容并进行打印

例如：-

HTML:

ticket2
票证4

JS:

<代码> >（VaR i＝1；i < P>在打印的格式方面，这是一个比JS更大的CSS问题。考虑使用CSS中的分页选项，如<代码>页断开之前或<代码>页面断裂后：
 < P>基于Da的，我创建了这个：


$（“按钮”）。单击（函数（）{
$（'button'）.hide（）；
$（'li'）。每个（函数（）{
$（this.css）({
“之后分页符”：“始终”
});
});
window.print（）；
})；


票证1
票证2
票务3
票证4

打印
所以你想在5页中打印5张票？在打印
div
时隐藏其他
div
。我的意思是在打印第一页时隐藏第二、第三、第四页…通过js或JQUERY动态执行此操作似乎不起作用，t gerenartes为1，然后为2和3，并在6+页左右创建更多页面
<div id="print_1" class="ticket_new>ticket1</div>
<div id="print_2" class="ticket_new>ticket2</div>
<div id="print_3" class="ticket_new>ticket3</div>
<div id="print_4" class="ticket_new>ticket4</div>

for(var i=1;i<=4;i++)
{
$("#print_"+i).width($(window).width());
$("#print_"+i).width($(window).height());
}