jquery로 div 안에 div를 넣는 것

Question

다음은 내 상황과 최종 결과를 원하는 것입니다. .B에 대해 wrapAll()을 사용했지만 각 .B div를 하나로 묶었습니다. html을 변경할 수 없기 때문에 jquery를 통해 HTML을 처리해야한다. 감사!

<div class="parent"> 

<div class="A"></div> 
<div> 
    <div class="B"></div> 
    <div class="B"></div> 
</div> 

<div class="A"></div> 
<div> 
    <div class="B"></div> 
    <div class="B"></div> 
</div> 

<div class="A"></div> 
<div> 
    <div class="B"></div> 
    <div class="B"></div> 
</div> 

</div> 

Answer 1

먼저 당신은 당신이 .nextUntil를 사용하여 다른 .A을 찾아로 워프 할 때까지 그들 각각에 대한 모든 형제를 검색, 모든 .A 요소를 선택할 것이다 : 나는 보관할 무엇

<div class="parent"> 

    <div class="A"></div> 
    <div class="B"></div> 
    <div class="B"></div> 

    <div class="A"></div> 
    <div class="B"></div> 
    <div class="B"></div> 

    <div class="A"></div> 
    <div class="B"></div> 
    <div class="B"></div> 


</div> 

A는 div

$('.A').each(function() { 
    console.log($(this).nextUntil('.A').wrapAll('<div>')) 
})