我需要拆分每3華里的，並把它們添加到一個div

Question

我有一個通用的清單

<ul> 
    <li>list item1</li> 
    <li>list item2</li> 
    <li>list item3</li> 
    <li>list item4</li> 
    <li>list item5</li> 
    <li>list item6</li> 
</ul> 

但是我想做的是

<div class="list"> 
    <ul> 
    <li>list item1</li> 
    <li>list item2</li> 
    <li>list item3</li> 

    </ul> 
</div> 

<div class="list"> 
    <ul> 
    <li>list item4</li> 
    <li>list item5</li> 
    <li>list item6</li> 

</ul> 

我已經使用這個腳本，但它只顯示2 li元素在1 div我的要求是使3 li在一個div

$('ul > li:nth-child(2n-1)').each(function() { 
    $(this).next().add(this).wrapAll('<div class="list"><ul></ul></div>'); 
}).eq(0).closest('div').unwrap(); 

Answer 1

$('ul > li:nth-child(3n-2)').each(function() { 
 
    $(this).next().add($(this).next().next()).add(this).wrapAll('<div class="list"><ul></ul></div>'); 
 
}).eq(0).closest('div').unwrap();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li>list item1</li> 
 
    <li>list item2</li> 
 
    <li>list item3</li> 
 
    <li>list item4</li> 
 
    <li>list item5</li> 
 
    <li>list item6</li> 
 
</ul>

的關鍵是使用3N-2靶向右元素（第一，第四等），然後添加以設置2個sibblings，和包裹。

你非常接近！