如何更改訂單列表項目的編號？

Question

我們有一個簡單的AJAX應用程序，它可以ping一個web服務，並從其結果中填充<li/>元素的有序列表元素。每次操作開始時，它將清除現有的<li/>元素並重新填充有序列表。

我已經看到了關於CSS計數器操作的各種教程，但我似乎無法使其工作。我認爲這是因爲我們每次都要清理有序列表。有人能給我一個關於如何手動設置列表項號碼的想法嗎？

Answer 1

設置value="yournumber"上的項目。從W3C：

<ol> 
    <li value="30"> makes this list item number 30. 
    <li value="40"> makes this list item number 40. 
    <li> makes this list item number 41. 
</ol> 

Answer 2

不知道這是否適用於你的代碼，但這裏有一個方法用CSS來做到這一點，counter-reset

HTML

<ol id="one"> 
    <li>Something</li> 
    <li>Something</li> 
    <li>Something</li> 
</ol> 

<ol id="two"> 
    <li>Something</li> 
    <li>Something</li> 
    <li>Something</li>  
</ol> 

CSS

#one{ 
    counter-reset:item; 
} 
#two{ 
    counter-reset:item 10; 
} 
li:before { 
    content: counter(item) ". "; 
    counter-increment: item; 
} 

示例：http://jsfiddle.net/jasongennaro/WWtFY/