使用Javascript删除标签

Remove hashtags with Javascript

本文关键字:标签 删除 Javascript 使用      更新时间:2023-09-26

有没有办法用javascript隐藏页面上的所有标签?

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

我希望javascript(可能是css?)在文档中运行并隐藏"#",这样标记最终看起来就像:myhashtag

这可能吗?

让散列标记是具有特定类的元素。(如果你有其他识别标记,只需相应地编辑CSS选择器。)超过8行的jQuery应该可以做到:

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

这将完成工作,注释解释了它的工作原理。目前,它假设标记位于锚和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/

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