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

问题描述

问 题

如下有六个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如何实现呢

解决方案

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
}

这篇关于javascript - 按照元素个数将元素包裹在另外一个元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！