[英]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.