如何在href爲空時隱藏鏈接文字？

Question

我有一系列的鏈接正在生成，有些有一個空白的href。 我想.hide空白或者甚至如果它似乎有使用jQuery和/或CSS一個＃

的聯繫看起來像

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

Answer 1

DEMO

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

Answer 2

使用CSS：

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

這適用於沒有href或href =「＃」的鏈接。如果你想匹配鏈接＃在任何地方在href，使用A[href~="#"]

沒有在舊的瀏覽器中測試，你可以訴諸jquery選擇器在這種情況下。

Answer 3

一個簡單的jQuery：

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

可以修改選擇，包括#鏈接，以及：

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