javascript - 添加删除嵌套的有序列表

Question

<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

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

Answer 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();