分開設置UL的項目並將其包裝成另一個標籤

Question

我有這樣一個榜單：

<ul class='as-selections'> 
    <li class='as-selection-item'> item1 </li> 
    <li class='as-selection-item'> item2 </li> 
    <li class='as-selection-item'> item3 </li> 
    <li class='as-orjinal'> item3 </li> 
</ul> 

我怎麼能組as-selection-item類的所有項目，幷包起來<li class="thelist"><ul></ul></li>？

在此先感謝

Answer 1

您可以使用wrapAll：

$('.as-selection-item').wrapAll('<li><ul></ul></li>'); 

FIDDLE

如果你有一個以上的列表中，你必須重複：

$('.as-selections').each(function(i, ul) { 
    $('.as-selection-item', ul).wrapAll('<li><ul></ul></li>'); 
});