使用jQuery用html包装每个元素

Question

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

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

当前代码会在所有元素周围添加<p>标记，是否可以向每个元素添加<p>？喜欢

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

Answer 1

继续：

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