javascript - 用 div 包裹多个节点

Question

如何使用 jquery 或 javascript 将 div 的一半与另一个 div 包裹起来

我有这个

<div class="post">1</div>
<div class="post">2</div>
<div class="post">3</div>
<div class="post">4</div>
<div class="post">5</div>
<div class="post">6</div>

我想要这个

<div class="wrap">
  <div class="post">1</div>
  <div class="post">2</div>
  <div class="post">3</div>
</div>    
<div class="wrap">
  <div class="post">4</div>
  <div class="post">5</div>
  <div class="post">6</div>
</div>

Answer 1

尝试使用这个:

var posts = $('.post'),
    postCount = posts.length,
    postHalf = Math.round(postCount/2),
    wrapHTML = '<div class="wrap"></div>';

posts.slice(0, postHalf).wrapAll(wrapHTML); // .slice(0, 3)
posts.slice(postHalf, postCount).wrapAll(wrapHTML); // .slice(3, 6) 

这将选择所有 .post ，获取找到的元素数量，然后将该值减半以获得分割点。然后它使用 .slice() 选择特定范围的元素和 .wrapAll() 将每个选择包含在 <div class="wrap"></div> 中.

这里正在工作:http://jsfiddle.net/ekzrb/