How do I hide link text if the href is blank?

Question

I have a series of links being generated and some have a blank href. I want to .hide the blanks or maybe even if it appears to have a # using Jquery and/or CSS

The links look like

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

Answer 1

With CSS:

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

This works for links with no href or with href="#". If you want to match links with a # anywhere in the href, use A[href~="#"]

Didn't test in old browsers, you may resort to jquery selectors in that case.

Answer 2

DEMO

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