Javascript jQuery-用html片段替换多个字符串中的多个字符

尝试扫描各种字符串并用html片段替换所有出现的特定字符

例如，我想浏览以下内容：

<div id="wrapper">
    <div>10,000 | 20,000 | 30,000</div>
    <div>10,000 |: 20,000</div>
    <div>10,000 :| 20,000</div>
</div>

---

感谢您的帮助。

使用正则表达式替换多个字符串，并使用html而不是文本

$('#wrapper div').html(function (i, old) {
  return old
   .replace(/ \| /g,' <span class="single"</span> ')
   .replace(/ \|: /g, ' <span class="single-wide"></span> ')
   .replace(/ :\| /g, ' <span class="wide-single"></span> ');
});

$（'#wrapper div'）.html（函数（i，旧）{
返老还童
.replace（/\\\124;/g，“试试这个正则表达式&fiddle，如果它适合你的话

$（'#wrapper div'）。文本（函数（i，旧）{
返老还童
.替换（/\\\；/g，，）
.替换（/\ \：/g'）
.替换（/：\\\\;/g'，）；
});
谢谢，Christian-太接近了-我如何插入HTML标记而不在前端呈现？使用HTML而不是文本，我在代码中做了一些更改谢谢Agam，我猜使用HTML是不同的。我以为你要求不要在接受的回答评论中在前端呈现HTML。仍然很高兴我能提供帮助：）
$('#wrapper div').text(function (i, old) {
   return old
       .replace(' | ',' single ')
       .replace(' |: ', ' single-wide ')
       .replace(' :| ', ' wide-single ');
});

$('#wrapper div').html(function (i, old) {
  return old
   .replace(/ \| /g,' <span class="single"</span> ')
   .replace(/ \|: /g, ' <span class="single-wide"></span> ')
   .replace(/ :\| /g, ' <span class="wide-single"></span> ');
});

$('#wrapper div').text(function (i, old) {
  return old
   .replace(/ \| /g,' <span class="single"></span> ')
   .replace(/ \|: /g, ' <span class="single-wide"></span> ')
   .replace(/ :\| /g, ' <span class="wide-single"></span> ');
});