添加删除嵌套的有序列表[关闭]

Posted 2023-05-07

【中文标题】添加删除嵌套的有序列表[关闭]

【英文标题】：Add remove nested ordered lists [closed]

【发布时间】：2012-05-01 06:57:37

【问题描述】：

<ol>
    <li>Sales</li>
    <ol>
        <li>North</li>
        <li>South</li>
    </ol>
    <li>Support</li>
    <ol>
        <li>Pc</li>
        <li>Mac</li>
    </ol>
    <li>Accounts</li>
</ol>


   1.  Sales
         1. North
         2. South
   2. Support
         1. Pc
         2. Mac
   3. Accounts

有人可以建议一种从网页的有序列表中构造、添加和删除元素的方法吗？我也在寻找可以编辑的列表名称

【问题讨论】：

你是在使用 jQuery 之类的库，还是想通过纯 javascript 来实现？

我想用 jquery 来做。我是 jquery 的新手，正在寻找方向，所以任何建议表示赞赏

你可能想看看***.com/questions/1145208/…

如果你想使用jQuery，我建议你先阅读这里的基础教程：docs.jquery.com/Tutorials:How_jQuery_Works。然后，对于您的查询，请查看此处的示例：docs.jquery.com/Tutorials:Live_Examples_of_jQuery。您可以在网上找到更多教程来帮助您解决问题。尝试搜索“DOM 操作”。

【参考方案1】：

这里是一个小提琴，展示了如何向列表中添加元素和删除项目。 http://jsfiddle.net/7QrvV/

<ol id="main_ol">
    <li>Sales</li>
    <ol>
        <li>North</li>
        <li>South</li>
    </ol>
    <li>Support</li>
    <ol>
        <li>Pc</li>
        <li>Mac</li>
    </ol>
    <li>Accounts</li>
</ol>​

//add to the end of the list
$('#main_ol').append('<li>a</li>');

//remove support list item
$('#main_ol li:eq(3)').remove();

【讨论】：

如果您要发布解决方案，请在此处发布代码，以便将来的读者使用，以防您的 jsFiddle 链接中断。