Question

<div class="inner">
    line 1
    line 2
    line 3
</div>

$(document).ready(function(){
    $('.inner').wrapInner('<p/>');
});

The current code adds the the <p> tag around all the elements, is it possible to add the <p> to each? like

<p>line 1</p>
<p>line 2</p>
<p>line 3</p>

Answer 1

go ahead :

http://jsbin.com/usuciq/edit#javascript,html

var g=$(".inner").html().split(/\n/);

var t= $.map (g,function (a){ if (a!='') return '<p>'+a+'</p>';});

$('.inner').html(t.join(''));