Question

We have a simple AJAX application that pings a web service and populates an ordered list element with <li/> elements from its results. Each time the operation is started, it clears out the existing <li/> elements and repopulates the ordered list.

I’ve seen various tutorials on css counter operations, but I can’t seem to make it work. I think it’s because we’re clearing the ordered list each time. Can someone give me an idea about how to manually set the list item numbers?

Answer 1

Set value="yournumber" on the list items. From 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>