String substitution in Javascript

Question

Using this initialization statement:

  var str = $('#res').text();

this gives :

Details are below 1. Payables 2. Purchasing 3. Cash Management

I want to put line break <br> before each number so that the page looks like

Details are below 

1. Payables 
2. Purchasing 
3. Cash Management

I tried :

str.replace(/[^d.,]+/,'<br>');

But it is not working as expected.

Answer 1

You could use a regular expression and replacements

 $('#res').html(function(i, html) { return html.replace(/(\\d+)/g, '<br />$1'); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="res">Details are below 1. Payables 2. Purchasing 3. Cash Management</div> 

Answer 2

<div id="abc">Details are below 1. Payables 2. Purchasing 3. Cash Management</div>
<div id="cd"></div>
<script>
var ab = $("#abc").text();
var cd = ab.replace(/(\d+)/g,"<br/> $1");
$("#cd").html(cd);

</script>