在同一个类上包装多个div元素 [英] Wrap multiple div elements on same class

问题描述

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

I would like to use jQuery to wrap sets of class elements in a div but can't find the solution.

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>

推荐答案

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

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

添加了一条换行符，以便您可以在此处看到不同之处:) http://jsfiddle.net/kQz4Z/10/

Added a break line so that you can see the difference here :) 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());
});​

这篇关于在同一个类上包装多个div元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！