如果mailto或tel不存在，则隐藏标记

Question

我有一个数据库驱动的员工档案系统，他们可以输入他们的详细信息，它将生成一个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内。 / p>

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

由于

Answer 1

您可以尝试以下方法：

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

它仅针对特定＆＃34; mailto：＆＃34;或者＆＃34; tel：＆＃34;。如果有超过那些特定字符串，那么该元素将不会被定位。