Find＆Replace not working

Question

入力テキストボックスの値を置き換えようとしたときに、最初の値だけを置き換え、全体の会話を置き換えないときにみんな。

私は会話が私が唯一prefix_agoを交換したい

ユーザー1人のPrefix_ago ユーザー2 Prefix_ago ユーザー1 Prefix_ago

のように見える持っ入力テキストボックスに

：

function copy() { 
 
    var text = document.getElementById('result1').value; 
 
    document.getElementById('id1').innerHTML = text; 
 
    $('#id1').each(function() { 
 
    var text = $(this).text(); 
 
    $(this).text(text.replace('prefix_ago', ' : ')); 
 
    }); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea class="result" id="result1" rows="10" cols="150" style="font-size:11px;resize: none; width:225px;"></textarea> 
 
<button class="btn58" id="btn" onClick="copy()"> Copy & Replace</button> 
 
<div id="id1"> 
 

 
</div>

私はPrefix_agoと呼ばれる値を持っています。私の段落で何度も繰り返しています。帽子をコロン "："そのコードは動作していますが、段落全体ではなく最初の値だけを置き換えます

Answer 1

答えの中核は、正規表現に複数のインスタンス。

つまり、コードをかなり複雑にしています.1つの出力フィールドに$.eachを入れる必要はなく、テキストを変更する前に出力フィールドにコピーする必要はありません。ここでは単純化したバージョンです：の

function copy() { 
 
    var txt = $('#result1').val().replace(/prefix_ago/g, ' : '); 
 
    txt = txt.replace(/\n/g, '<br>'); // <-- per comments below 
 
    $('#id1').html(txt); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea id="result1" rows="10" cols="150"> 
 
test prefix_ago test 
 
prefix_ago test  
 
test prefix_ago test 
 
prefix_ago test 
 
</textarea> 
 
<button onclick="copy()"> Copy & Replace</button> 
 
<div id="id1"> 
 
</div>