时间戳

首页 > 解决方案 > 如何使用 JQuery 将文本中的主题标签转换为粗体？

javascript - 如何使用 JQuery 将文本中的主题标签转换为粗体？

问题描述

我想在我的项目中创建一个标签功能，但我不知道怎么做。我已经尝试了很多次，但都无济于事。

例如：

我喜欢#coding。

转化为：

我喜欢#coding使用 JQuery/JavaScript。有任何想法吗？

标签： javascripthtmljquery

解决方案

@Chirs 在你的网页上试试这个

function FormatText()
  {
  var txt =document.getElementById("mytext").innerHTML;
   var matches = txt.match(/#\w+/g);
   if(matches==null)
    return;
    
   for(i=0;i<matches.length;i++)
   {
     txt=txt.replace(matches[i],"<b>"+ matches[i] +"</b>")
   }
   document.getElementById("mytext").innerHTML=txt;
  
  }
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Document</title>
</head>
<body onload="FormatText();">
  <div id="mytext">
    I love #coding using JQuery/JavaScript on #WebPages.
  </div>
</body>
</html>

推荐阅读