簡體   English   中英

使用JavaScript刪除主題標簽

[英]Remove hashtags with Javascript

有沒有辦法用javascript隱藏頁面上的所有主題標簽?

例如,我正在制作的網站上的每個帖子下方都有一個標簽雲。 每個標簽看起來像: #myhashtag

我希望javascript(可能是CSS?)在文檔中運行並隱藏“#”,以便標記最終看起來像: myhashtag

這可能嗎?

讓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));
      }
  });
var doc = document.body;
doc.innerHTML = doc.innerHTML.replace(/(\B)#(\w+)\b/g, '$2');

這將完成工作,注釋說明其工作方式。 目前,它假定標簽位於錨和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/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM