div内のdivをjqueryでラップする

Question

以下は私の状況と最終結果を望むものです。 .BにwrapAll（）を使ってみましたが、すべての.B divを1つにまとめることになりました。私はhtmlを変更することができないので、jqueryを使用してHTMLを処理する必要があります。ありがとう！私はアーカイブしたい何

<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> 

：

<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

まず、あなたはすべての.Aの要素を選択することになり、その後、あなたは.nextUntilを使用して他の.Aを見つけるまで、それらのそれぞれのために、あなたはすべての兄弟を検索しにそれらをワープdiv

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