按照元素个数将元素包裹在另外一个元素

Question

如下有六个p元素
<p></P>
<p></P>
<p></P>
<p></P>
<p></P>
<p></P>

按照两个包裹在div元素中,实现如下结果

<div>
<p></P>
<p></P>
</div>

<div>
<p></P>
<p></P>
</div>

<div>
<p></P>
<p></P>
</div>

用js/jquery如何实现呢

Answer 1

var p = $('p'); //获取这六个标签；
for (var i = 0; i<3; i++) {
    var div = $('<div>'); //创建div
    div.append(p.eq(i*2));
    div.append(p.eq(i*2+1));
    $('body').append(div); //添加dom
}

Answer 2

var str = '';
$('p').each(function(i, v) {
    if (i % 2) {
        str += $(v).prop('outerHTML') + '</div>';
    } else {
        str += '<div>' + $(v).prop('outerHTML');
    }
});
console.log(str);