jquery - Jquery hide() 文本被打印/选中

Question

我有一个

<div>.......</div>
<div id="some_id"></div>

在我的脚本中我已经完成了

$('#my_button').click(function(){
$('#some_id').toggle();
})

所以最初带有 div 的文本是使用 style=display:none 隐藏的，但是当我打印出来时，隐藏的文本也会被打印出来！我想要的是只有当文本可见时才会显示在打印输出中，如果隐藏它不应该出现在打​​印输出中

要重新创建，创建两个 div 标签并将其中一个设置为 style= display:none ，现在在 IE 中打开网页并选择全部，当您粘贴 MS word 或 excel 时，您甚至会看到隐藏的文本被选中

我想我需要使用 css 的@media，但我想不通

Answer 1

In your stylesheet use this:

@media print {
.noPrint {
    display:none;
}
}

Then add class='noprint' (or add the noprint class to an exsiting class statement) in your HTML that you don't want to appear at the time of printing. like this

$('#my_button').click(function(){
     $('#some_id').toggle();
     if($('#some_id').is(":visible"))
     {
        $('#some_id').removeClass('noprint');
     }
     else
     {
        $('#some_id').addClass('noprint');
     }
})

Answer 2

Try like this

$(document).ready(function(){
    $('#some_id').hide();
    if($('#some_id').text())      
        $('#some_id').toggle();
});

and need to remove your "display:none;" prop as well.Hope it works for you.if it,then accept my ans