Question

我有一个

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

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

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

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

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

我想我需要使用@media的css但我无法弄明白

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');
     }
})

Answer 2

试试这个

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

并需要删除“display：none;”也好。希望它适合你。如果它，那么接受我的ans

打印/选择Jquery hide（）文本

2 个答案: