添加删除嵌套的有序列表

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