jquery - 使用 jQuery 修改@media 打印

Question

有没有办法用 jQuery 操作@media 打印？

我有一个表，我想计算行数，如果行数大于特定数字，我将在之后应用分页符

$('.print').on('click', function () {
    var r = 0;
    $('.invoice table tbody tr').each(function () {
    r+=1;
    if(r == 30){
        if($('.footer').css('display') == 'none'){
            $('.invoice table tbody').css('page-break-after', 'always');
        }
    }
})

在哪里

• $('.print') 是触发 window.print() 操作的按钮，但它不起作用我在 css 文件中使用 @media print 打印时隐藏页脚

  <

• 我在 css 文件中使用 @media print 打印时隐藏了页脚('.invoice table tbody' 在 @media print 中也有一个特定的样式，我想添加分页符属性但使用 jQuery)

Answer 1

为类使用 css 样式规则并在适用的地方添加该类。像这样的东西:

var numRows = $('.invoice table tbody tr').length;

if(numRows >= 30 && !$('.footer:visible').length ){
   $('.invoice table tbody').addClass('page-break-class')
}

CSS

@media print {
    tbody.page-break-class {page-break-after: always;}
}