如何删除结束标记并用jquery中的<ul>标记替换</ul>

Question

我是jquery的新人。在我的工作场所，我需要动态嵌套列表视图，如下所示。

<ul>
    <li>
        Food
        <ul>
             <li>Apple</li>
             <li>Orange</li>
         <\ul>
    </li>
   <li>
        Animals

    </li>
</ul>

---

现在我的代码如下：

<ul>
    <li>
        Food
    </li>

    <ul><\ul>
    <li>Apple</li>
    <li>Orange</li>


   <li>
        Animals

    </li>
</ul>

要成为嵌套结构，我需要删除结束标记并从嵌套结构开始。虽然，我进行了网上冲浪，但我的问题并没有相关的例子。有人建议使用javascript的正则表达式。但它不起作用。有什么想法，我会很感激!!!