jQuery的 - 更換文本格式

Question

<pre class="article"> 
    aaa aaa aaabbb 
</pre> 

(function ($) { 
    var test = $("pre.article"); 
    test.html(test.text().replace(/aaa/g, '<span class="aaa">111</span>')); 
}); 
})(jQuery) 

Fiddle example

如何保持結果爲：111 111 AAABBB
請幫我....

Answer 1

只要確保你也抓住了之後的空間：

$(function() { 
 
    var test = $("pre.article"); 
 
    test.html(test.text() 
 
      .replace(/aaa /g, '<span class="aaa">111</span> ')); 
 
})

.aaa{color:red}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<pre class="article"> 
 
aaa aaa aaabbb 
 
</pre>

（和更換內 - 添加空間的背）

Answer 2

5號線在JavaScript中你想AAA後空間，在你更換並在跨度111：

.replace(/aaa /g, '<span class="aaa">111 </span>')); 

Answer 3

您可以將\ s添加到搜索文本的末尾，以僅查找具有任何空白字符的模式之後的模式。

.replace(/aaa\s/g, '<span class="aaa">111</span>')

爲了保持空間，而無需重新添加使用\ b，它錨定到一個單詞的結尾。

.replace(/aaa\b/g, '<span class="aaa">111</span>')

您可以嘗試在一個字符串不同的表現與正則表達式測試儀像regex101