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

von4xj4u 于 2023-10-17 发布在 jQuery

关注(0)|答案(3)|浏览(170)

我有一系列的链接正在生成，有些有一个空白的href。我想.隐藏空格，或者即使它看起来有一个#使用Jquery和/或CSS
链接看起来像

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

3条答案

CSS：

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

这适用于没有href或有href="#"的链接。如果您想在href中匹配带有#anywhere的链接，请使用A[href~="#"]
没有在旧的浏览器中测试，在这种情况下，你可以求助于jquery选择器。

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

一个简单的jQuery：

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

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

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