jquery - 将 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>');

小提琴

如果您有多个列表，则必须迭代：

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