jQuery包装一组预定的列表项

Question

问题

有哪些方法可以添加动态元素来包装列表项并应用类？

目前的研究

我在jQuery的官方文档中找到了this。

这给出了一个例子

<script>
    $( "span:nth-of-type(2)" )
    .append( "<span> is 2nd sibling span</span>" )
    .addClass( "nth" );
</script>

但是这只讨论了将一个类添加到单个元素中。我想包装多个元素

生成项目的默认代码

<ul>
    <!-- These items will be dynamically generated-->
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
    <li>Fourth</li>
    <li>Fifth</li>
    <li>Sixth</li>
</ul>

当前代码会产生什么

期望的结果

<ul>
    <div class="row">
        <li>First</li>
        <div class="right">
            <li>Second</li>
            <li>Third</li>
        </div>
    </div>
    <div class="row">
        <div class="left">
            <li>Fourth</li>
            <li>Fifth</li>
        </div>
        <li>Sixth</li>
    </div>
</ul>

所需代码将产生什么（其他地方定义的CSS样式）