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

Question

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

基本上，我需要一些隐藏图标的代码，如果它没有链接到任何地方。基本上，'如果没有链接，隐藏图像'那种声明。

有人知道这是否可行？

---

问题通过CSS解决，如下面的答案。谢谢你们！

Answer 1

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

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

Answer 2

尝试Jquery： -

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

或者只是为此目的使用CSS： -

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

Answer 3

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

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

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

或者在css：

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

Answer 4

您可以使用jquery

在javascript代码中使用此代码

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