jQuery替换多次出现的子串/文本

Question

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

我有一个<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方法，虽然这对字符串没有影响。

下面的快速小提琴演示或片段：

 $(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> 

Answer 2

.replace()是一个String方法而不是jQuery方法，所以一个简单的RegExp应该这样做。

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

注意g命令代表global，这意味着它适用于所有实例。

Answer 3

干得好 -

这里， /\\(|\\)/g是一个正则表达式（正则表达式）。 标志g表示全局。 它会导致所有匹配被替换。

 $(document).ready(function() { var text = $('.notes').text().replace(/\\(|\\)/g, "<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 4

正则表达式（分裂和加入）的答案：

$(function() {
    var notes = $('.notes');
    notes.html(notes.html().split(')(').join(')<br/>('));
});

Answer 5

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