javascript - 包装列表项以创建嵌入列表

Question

使用 javascript 和 jQuery，我将浏览器中呈现的表格转换为列表。所以我有...

<ul id="side-navigation">
    <li></li>
    <li class="li2"></li>
    <li class="li2"></li>
    <li class="li2"></li>
    <li class="li2"></li>
    <li class="li2"></li>
    <li class="li3"></li>
    <li class="li2"></li>
    <li class="li2"></li>
    <li class="li2"></li>
    <li class="li2"></li>
    <li class="li2"></li>
    <li class="li3"></li>
    <li class="li2"></li>
    <li></li>
    <li></li>
    <li class="li2"></li>
    <li class="li2"></li>
    <li></li>
    <li class="li2"></li>
    <li class="li2"></li>
    <li class="li2"></li>
    <li class="li3"></li>
    <li class="li3"></li>
    <li class="li3"></li>
    <li></li>
</ul>

但我想根据他们的类创建嵌入列表。像这样...

<ul id="side-navigation">
    <li>
        <ul>    
            <li class="li2"></li>
            <li class="li2"></li>
            <li class="li2"></li>
            <li class="li2"></li>
            <li class="li2">
                <ul>
                    <li class="li3"></li>
                </ul></li>
            <li class="li2"></li>
            <li class="li2"></li>
            <li class="li2"></li>
            <li class="li2"></li>
            <li class="li2">
                <ul>
                    <li class="li3"></li>
                </ul></li>
            <li class="li2"></li>
        </ul></li>
    <li></li>
    <li>
        <ul>
             <li class="li2"></li>
             <li class="li2"></li>
        </ul>
   </li>
    <li>
        <ul>    
            <li class="li2"></li>
            <li class="li2"></li>
            <li class="li2">
                <ul>
                    <li class="li3"></li>
                    <li class="li3"></li>
                    <li class="li3"></li>
                </ul></li>
        </ul>
    </li>
    <li></li>
</ul>

在这位网页设计师(而不是程序员)尝试弄清楚如何做之前，我认为一些聪明的人可能会提出建议。谢谢!

Answer 1

只需添加一个 jquery 脚本来解析当前选项卡并在标签之前/之后添加

$( ".li3" ).before( "<ul>" );
$( ".li3" ).after( "</ul>" );

这可能不是最好的解决方案，但应该可行