使用JavaScript删除主题标签

Question

Is there a way to hide all hashtags on the page with javascript?

For instance, I have a tag cloud underneath each post on a website I'm making. Each tag looks something like: #myhashtag

I want javascript (possibly css?) to run through the document and hide the "#" so that the tag ends up simply looking like: myhashtag

is this possible?

Answer 1

Let the hash tags be elements with a specific class. (Just edit the CSS selector accordingly if you have other identification marks.) Than 8 lines jQuery should do the trick:

  $('.my-hash-tag').each(function(i, elem) {
      var $elem = $(elem), text = $elem.text();

      if(text.length > 0 && text.charAt(0) == '#') {
         $elem.text(text.substring(1));
      }
  });

Answer 2

var doc = document.body;
doc.innerHTML = doc.innerHTML.replace(/(\B)#(\w+)\b/g, '$2');

Answer 3

This will do the job, comments explain how it works. Currently it assumes the tags are inside anchors and inside a div with id #cloud however this is easily edited, just use a different element selector the concept remains the same.

var tagCloud = document.getElementById("cloud"); // Get tag cloud element
var tags = tagCloud.getElementsByTagName('a'); // Find all anchors within cloud (If they aren't anchors change this to containing elements or replace with a class search .etc
for (var i=0, max=tags.length; i < max; i++) { // Loop through tags
     tags[i].innerHTML = tags[i].innerHTML.replace("#", ""); // Remove #'s
}

Working fiddle: http://jsfiddle.net/3ayhA/1/