Question

I have the document, for example:

This is the first line
<br> 
This is the second line 
<br>
This is the third line

Now I want to remove the <br> and format the text like below,

    <DIV ID=PAGINATION-CONTENT>
        This is the first line
    </DIV>
    <DIV ID=PAGINATION-CONTENT>
        This is the second line 
    </DIV>
    <DIV ID=PAGINATION-CONTENT>
       This is the third line
    </DIV>

How it can be possible by using jquery?

Answer 1

Something like this? I have used classes as IDs must be unique!

<p>
  This is the first line
  <br>
  This is the second line
  <br>
  This is the third line
</p>

var lines = $('p').html().split('<br>')
var divs = '';
$.each(lines, function(i, line) {
    divs += '<div class="PAGINATION-CONTENT">'+line+'</div>';
})

$('p').html(divs)  

DEMO