Обтекание элементов внутри другого с помощью классов в jQuery

Question

Можно ли включить два класса в один класс с помощью jquery.
По некоторым причинам я не могу редактировать HTML
Например Текущий HTML является

<div class="first">.....</div> 
<div class="second">.....</div> 
<div class="thrid">.....</div> 

Что я хочу

<div class="MAIN-CLASS"> 
    <div class="first">.....</div> 
    <div class="second">.....</div> 
</div> 
<div class="third">...</div> 

Я хочу добавить Main-Class с помощью Jquery

Answer 1

Вы можете использовать wrapAll в JQuery см ниже код

$(function(){ 
 
    $('.first, .second').wrapAll('<div class="MAIN_CLASS"></div>'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="first">.....first</div> 
 
<div class="second">.....second</div> 
 
<div class="thrid">.....thireed</div>

Answer 2

вас могут выбрать два класса, используя:

$(".first, .second"); 

А потом $.wrapAll их к тому, что с помощью:

$(".first, .second").wrapAll('<div class="MAIN-CLASS" />'); 

$(function(){ 
 
    $('.first, .second').wrapAll('<div class="MAIN_CLASS"></div>'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="first">....</div> 
 
<div class="second">....</div> 
 
<div class="thrid">....</div>

Answer 3

Это, как я хотел бы сделать это:

$("div").slice(0,2).wrapAll("<div class='MAIN-CLASS'></div>"); 

Here is the JSFiddle demo