添加删除嵌套的有序列表

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