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/

如何更改订单列表项目的编号？

2 个答案: