jquery - 如果 href 为空白，如何隐藏链接文本？

Question

我有一系列正在生成的链接，有些链接是空白的。我想 .hide 空白，或者即使它看起来有 # using Jquery and/or CSS

链接看起来像

<a class="Highlighted" id="hyperlinkViewProfile" href="">text to hide</a>

Answer 1

使用 CSS：

A[href=""], A[href="#"] {
  display: none;
}

这适用于没有 href 或 href="#" 的链接。如果要在 href 中的任何位置匹配带有 # 的链接，请使用A[href~="#"]

没有在旧浏览器中测试，在这种情况下你可以求助于 jquery 选择器。

Answer 2

演示

$('a').filter(function(){return $(this).attr('href') === "" || $(this).attr('href') === "#"}).hide();

Answer 3

一个简单的 jQuery：

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

也可以修改选择器以包含#链接：

$("a[href=''], a:not([href]), a:[href='#']").hide();