inssert <br>を1番目のカンマに置き換えて、すべてのドットを<br>

Question

に置き換えます。最初のカンマとすべてのドット（ピリオド）にはどのようにして<br>を挿入できますか？

<script> 
 
var test = $('.test').text(); 
 
var result = test.replace(/\./g,'.<br/>'); 
 
$('.test').html(result); 
 
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="test">Hi,Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</div>

Answer 1

あなたが最初のカンマを交換する必要がある場合、あなたはこのようなものを使用することができます。

var test = $('.test').text(); 
first_comma=test.indexOf(','); //return first comma position 
test=test.replace(test.charAt(first_comma),',<br>') //replace it 
var result = test.replace(/\./g,'.<br>'); 
$('.test').html(result); 

デモ：私はOPが
でコンマを交換したいとは思わないhttps://jsfiddle.net/4jgyj98c/

Answer 2

もう一度replaceを呼び出すことができます。

var result = test.replace(/\./g,'.<br/>').replace(',', '<br/>'); 

Answer 3

をあなたがロードjqueryの後jqueryの一部を呼び出すために、そしてまた

$(document).ready(function(){ 
    var test = $('.test').text(); 
    var result = test.replace(/\./g,'.<br/>'); 
    // var result = test.split('.').join('.<br/>'); 
    $('.test').html(result); 
}) 

を使用する必要があるだろう良い予言。すべてのコードをこの関数に入れてください。 私はまたそれを行う別の方法を言及します。あなたもそれを試すことができます。どちらも同じことをします。