使用JavaScript删除主题标签

Question

有没有办法用javascript隐藏页面上的所有主题标签？

例如，我正在制作的网站上的每个帖子下方都有一个标签云。 每个标签看起来像： #myhashtag

我希望javascript（可能是CSS？）在文档中运行并隐藏“＃”，以便标记最终看起来像： myhashtag

这可能吗？

Answer 1

让hash标签成为具有特定类的元素。 （如果您有其他识别标记，则只需相应地编辑CSS选择器。）jQuery应该做到8行以上：

  $('.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

这将完成工作，注释说明其工作方式。 目前，它假定标签位于锚和ID为#cloud的div内，但这很容易编辑，只是使用不同的元素选择器，其概念仍然相同。

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
}

工作提琴： http : //jsfiddle.net/3ayhA/1/