JQuery：如果 href 为空则隐藏锚点

Question

已经研究这个有一段时间了。基本上，我需要检查带有 .pdf-download 类的锚标记上的 href 位置是否为空，如果是，则将其隐藏。

我尝试了一些选择，但没有运气。这是我到目前为止所拥有的：

$("a.pdf-download").each(function (i) {
  if ($('[href]:empty',this).length == 1) { 
    $(this).hide();
  } else {
    $(this).show();
  }
});

Answer 1

if ($(this).attr('href') != '') { 
    $(this).hide();
} else {
    $(this).show();
}

请注意，您还可以使用 属性选择器 在 css 中执行此操作：

a.pdf-download[href='']{
    display:none;
}

不过 ie6 不支持此操作。

Answer 2

您还可以使用 jQuery 选择器来执行此操作，如下所示：

// Hide any links with blank href or no href attribute
$('a.pdf-download[href=], a.pdf-download:not([href])').hide();

Answer 3

使用此解决方案。当 href 属性未定义时，它也会产生所需的结果。如果您使用 CSS 选择器 (JQuery)，则不会检测到不存在的 href 属性。

$("a.pdf-download").each(function (i) {
    if (!this.href) { 
        $(this).hide();
    } else {
        $(this).show();
    }
})

没有必要使用 JQuery 方法来获取 href 属性，因为 this.href 同样可读、更快并且得到普遍支持。

Answer 4

像这样的东西会起作用吗？

$("a.pdf-download").each(function (i) {
  if ($(this).attr('href').length == 0) { 
    $(this).hide();
  } else {
    $(this).show();
  }
});

Answer 5

我自己是一个 jquery 初学者，但这就是我要做的：

$("a.pdf-download").each(function (i) {

    var aHref = $(this).attr('href');

    if (aHref == '' || !aHref) {

        $(this).hide();

    };

});

演示： http://jsfiddle.net/BZq9c /1/

Answer 6

$(function() {

    $('a').each(function() {
        (!$(this).attr('href')) ? $(this).hide() : $(this).show();
    });

});

全能演示：http://jsfiddle.net/each/j9DGw/

Answer 7

$("a.pdf-download").each(function() {
    var href = $(this).attr("href");
    if(href == '') {
        $(this).remove();
    }
});

或者

$("a.pdf-download[href='']").remove()