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

在你的样式表中使用这个:

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

然后在您不想在打印时出现的 HTML 中添加 class='noprint'(或将 noprint 类添加到现有类语句)。像这样

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