使用jquery包裝div中的div

以下是我的情況和我想要的最終結果。我嘗試使用wrapAll（）for .B，但它最終將每個.B div分組爲一個。我無法修改html，這就是爲什麼我必須通過jQuery來完成。謝謝！使用jquery包裝div中的div

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

來源

2016-07-14 PatrickC

請創建一個[Minimal，Complete，and Verifiable example]（http://stackoverflow.com/help/mcve）讓我們來看看他lp你更有效率（考慮編譯你的代碼在[snippet]（https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/）或[jsfiddle] （https://jsfiddle.net）） – RDardelet

首先要選擇所有.A元素，然後爲他們每個人，你搜索所有的兄弟姐妹，直到你使用.nextUntil找到其他.A，並將其彎曲成a div

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

來源

2016-07-14 14:39:58

正是我所需要的！學到了新東西！ – PatrickC

使用jquery包裝div中的div

回答

相關問題