添加刪除嵌套的有序列表

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