如果 mailto 或 tel 不存在，则隐藏标签答案

【问题标题】：Hide a tag if mailto or tel doesn't exist如果 mailto 或 tel 不存在，则隐藏标签
【发布时间】：2016-02-09 11:05:32
【问题描述】：

我有一个数据库驱动的员工档案系统，他们可以输入他们的详细信息，它会生成一个 HTML 页面。他们可以输入电子邮件地址和电话号码，输出 HTML 如下所示：

<a href="mailto:[Email]" class="teamEmail">Email</a><br />
<a href="tel:[Phone]" class="teamPhone">[Phone]</a>

我有一些 CSS 会在这里隐藏一个空的 HREF：

a.social[href='']{ display:none; }

但是我想要实现的是如果mailto: 或tel: 后面没有内容的话就隐藏a 标签，上面的CSS 不会隐藏a 标签，因为mailto 和tel 都显示在href 内。

我认为这必须用 jQuery 来处理，我可以接受，因为一个函数可能会隐藏 mailto 和 tel。

谢谢

【问题讨论】：

标签： jquery css

【解决方案1】：

您可以尝试以下方法：

a.social[href='mailto:'],
a.social[href='tel:'] { 
     display:none; 
}

它只针对带有“mailto:”或“tel:”的链接。如果有超过这些特定字符串，则不会定位该元素。

【讨论】：