Javascript 包装列表项以创建嵌入列表

使用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>

---

在这位网页设计师，而不是程序员，试图弄明白如何做之前，我想一些聪明人可能会有一个建议。谢谢

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

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

（“

”）之前的“

$”（“.li3”）；
美元（“.li3”）。在（“

”）之后；

---

这可能不是最关键的解决方案，但在语义上应该有效，将任何html放在

ol

或

ul

元素中是一种好的做法。比如说

<ul>
    <li>
        Hello
    </li>
    <li>
        <ul>
            <li>World</li>
        </ul>
    </li>
</ul>

你好



世界

因此，我认为你应该按照以下方式来做：

$( ".li3" ).append('<ul><li class="yourClass">Your content here</li></ul>');

$（“.li3”）。附加（“
您在此处的内容”
”）；