CODEWITHSUNDEEP
javascriptjquery
kris
kris

Reputation: 47

inssert <br> for the 1st comma & replace all the dot with <br>

How can I insert <br> for the first comma, and for every dot (period)?

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

Upvotes: 0

Views: 526

Answers (3)

sinisake
sinisake

Reputation: 11328

If you need to replace first comma, you can use something like this:

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/

Upvotes: 0

AdiechaHK
AdiechaHK

Reputation: 466

You need to call the jquery part after loading jquery, and also to use 

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

will be a good prectice. so put all your code into this function. I also mention another way to do it. you can try that as well. both will do the same.

Upvotes: -1

Elad Douenias
Elad Douenias

Reputation: 218

you can call replace again:

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

Upvotes: 3

Related Questions