jQuery在同一个类上封装多个div元素

本文介绍了jQuery在同一个类上封装多个div元素的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

HTML：

$ b $

您可以使用jQuery来将一组类元素封装在div中，但不能找到解决方案。 b

 < 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>感谢您提前的帮助！
 >解决方案
 演示  
 
 
  API： 
 
 
 添加了一个折线，以便您可以看到差异:)  
 
 
  代码 
  $（function（）{
 
 $（'first'）。wrapAll（'< div class =column />'）
 
 $（'。second'）。wrapAll（'< div class =column/>'）
 
 $ '）.wrapAll（'< div class =column/>'）
 
 
 
 
 alert（$（'。view-content'） .html（））; 
}）; 
  
 
Hello 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>
Desired Result:
<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>
Thanks for your help in advance!
 解决方案 
Demo http://jsfiddle.net/kQz4Z/8/
API: http://api.jquery.com/wrapAll/
Added a break line so that you can see the difference here :) http://jsfiddle.net/kQz4Z/10/
code
$(function() {

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

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

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




    alert($('.view-content').html());
});
                        
这篇关于jQuery在同一个类上封装多个div元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！