javascript - jQuery 替换多次出现的子字符串/文本

Question

我目前正在尝试学习 replace jQuery 中的方法。

我有一个 <div class="notes">带有以下文字

  (1 1 1 0 0 1 1)(1 1 1 0 0 1 1)(1 1 1 0 0 1 1)(1 1 1 0 0 0 0)(1 1 1 0 0 1 1)

并想用某些值替换文本。例如，每次我看到 )( , 我希望它换行 ( <br/> )。我试图使用 jQuery 的替换方法来实现这一点。

 $(document).ready(function() {
    var text = $('.notes').html().replace(")(", "<br/>");
    $('.notes').html(text);
  });

我注意到在执行此操作时，它只是替换了第一个实例。所以我尝试了 replaceAll方法，尽管这对字符串没有影响。

Quick fiddle Demo或以下片段:

$(document).ready(function() {
    var text = $('.notes').html().replace(")(", "<br/>");
    $('.notes').html(text);
    alert(text);
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="notes">
  (1 1 1 0 0 1 1)(1 1 1 0 0 1 1)(1 1 1 0 0 1 1)(1 1 1 0 0 0 0)(1 1 1 0 0 1 1)
</div>

有人可以建议我应该如何处理吗？

Answer 1

您需要使用全局运行的正则表达式，注意 /g 命令。

对于您的情况，您需要使用以下内容:

/\)\(/g

$(document).ready(function() {
    var text = $('.notes').html().replace(/\)\(/g, "<br/>");
    $('.notes').html(text);
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="notes">
  (1 1 1 0 0 1 1)(1 1 1 0 0 1 1)(1 1 1 0 0 1 1)(1 1 1 0 0 0 0)(1 1 1 0 0 1 1)
</div>