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

时间:2014-12-05 09:58:41

标签: javascript jquery html css

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

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

有人知道这是否可行?


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

4 个答案:

答案 0 :(得分:4)

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

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

答案 1 :(得分:0)

尝试Jquery: -

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

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

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

答案 2 :(得分:0)

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

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

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

或者在css:

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

答案 3 :(得分:0)

您可以使用jquery

在javascript代码中使用此代码
$('a[href=""]').hide();