使用html悬停代码选项打印/隐藏数据

时间:2016-11-17 15:32:07

标签: javascript html css web printing

如何打印网页上需要您将鼠标悬停在网页上的数字,以便在更好的商业网站上找到它们。

实施例: http://www.bbb.org/raleigh-durham/accredited-business-directory/roofers

我进入网站,但我必须将鼠标悬停在手机图标上才能查看电话号码。如何一次显示这些电话号码,以便我可以将它们全部打印在一个文档上?

由于

2 个答案:

答案 0 :(得分:2)

不完全是一个stackoverflow问题,但这里是解决方案,并在页面加载后将此行粘贴到

javascript:jQuery('.phone-link div:first-child').hide();jQuery('.phone-link div:last-child').show()

(在开头加上javascript:。)

  

注意 - 您需要替换当前网址(www.bbb...)与上面代码块中的网址。

答案 1 :(得分:-1)

<div data-num="123456" class="phone">phone<div>
<script>
$(".phone").on('mouseover',function(){
    $(this).html($(this).attr("data-num"));
});
$(".phone").on('mouseout',function(){
    $(this).html("phone");
});
</script>