如果没有链接，如何自动隐藏图像答案

【问题标题】：How to hide image automatically if no link如果没有链接，如何自动隐藏图像
【发布时间】：2014-12-05 18:45:21
【问题描述】：

在网站的页脚中，我有 5 个社交图标。它们只是标准图像。当然每一个都是<a href=""></a>。

基本上，如果图标未链接到任何地方，我需要一些代码来隐藏图标。本质上，“如果没有链接，则隐藏图像”之类的声明。

有人知道这是否可能吗？

按照下面的答案使用 CSS 解决了问题。谢谢大家！

【问题讨论】：

【解决方案1】：

您可以使用纯 CSS 实现此目的：

a[href=""] {
    display: none;
}

【讨论】：

【解决方案2】：

试试 Jquery :-

$('a[href=""]').hide();

或者简单地使用 CSS 来实现这个目的：-

a[href=""] {
   display: none;
 }

【讨论】：

【解决方案3】：

当然，你可以在 jQuery 中做到这一点

$("a[href='']").hide();

这也会隐藏图像，因为它是它的父级。

或者在css中：

a[href=''] img {  /*  this selector matches images inside <a href=''> */
  display: none;
}

【讨论】：

【解决方案4】：

您可以使用 jquery 在 javascript 代码中使用此代码

$('a[href=""]').hide();

【讨论】：