für das erste Komma <br> einlegen und alle Punkte durch <br> ersetzen

Question

Wie kann ich <br> für das erste Komma und für jeden Punkt (Punkt) einfügen?

<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

Wenn Sie erste Komma ersetzen müssen, können Sie so etwas wie dieses verwenden:

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); 

Demo: https://jsfiddle.net/4jgyj98c/

Answer 2

können Sie replace wieder rufen:

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

Answer 3

Sie müssen den jquery Teil nach dem Laden jquery nennen, und auch verwenden

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

wird Eine gute Sache. Legen Sie also Ihren gesamten Code in diese Funktion. Ich erwähne auch einen anderen Weg, es zu tun. Sie können das auch versuchen. beide werden das gleiche tun.