javascript - 将多个 div 元素包裹在同一个类中

Question

我想使用 jQuery 将类元素集包装在 div 中，但找不到解决方案。

HTML:

<div class="view-content">

  <div class="first">content</div>
  <div class="first">content</div>
  <div class="second">content</div>
  <div class="third">content</div>
  <div class="third">content</div>

</div>

期望的结果:

<div class="view-content">

  <div class="column">
    <div class="first">content</div>
    <div class="first">content</div>
  </div>

  <div class="column">
    <div class="second">content</div>
  </div>

  <div class="column">
    <div class="third">content</div>
    <div class="third">content</div>
  </div>

</div>

Answer 1

演示 http://jsfiddle.net/kQz4Z/8/

API:http://api.jquery.com/wrapAll/

添加了一个分隔线，以便您可以看到这里的区别:) http://jsfiddle.net/kQz4Z/10/

代码

$(function() {

    $('.first').wrapAll('<div class="column" />')

    $('.second').wrapAll('<div class="column" />')

    $('.third').wrapAll('<div class="column" />')




    alert($('.view-content').html());
});​