Index with jQuery: possible to make numbers go: 00, 01, etc?

Hi Lukasz,

There could possibly be a html/css solution here depending on how many teams there are.

If you marked up your items as an ordered list then you could use list-style-type: decimal-leading-zero;

html:

<ol>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ol>

ol {
  list-style-type: decimal-leading-zero;
}

However, this property doesn't seem to be that useful in practice. I've fount that it doesn't add 2 leading zeros on the single digit numbers if you have more than 99 items, Ex. 001, ..., 099, 100. Instead it's this: 01, ..., 99, 100 It also adds a leading zero if you only have 3 items for example. 01, 02, 03

What it seems to do is add a single leading zero to single digit numbers, no matter what. You don't get leading zeros on 2 digit numbers or higher. Not sure if this is the way it is supposed to work but it doesn't seem intuitive to me.

I think that from a semantic point of view it would be better for you to mark this up as an ordered list and I would say that if you know you will have between 10 and 99 teams then this could be a viable solution.

This stackoverflow link has that solution and a javascript based solution: http://stackoverflow.com/questions/5290587/is-there-a-way-to-append-leading-zeros-to-an-ordered-number-list-01-or-001-as

If you decide you have to go with the javascript based solution then you can replace your index variable in the output string with a call to the addzeros function where you pass in the index variable as the 1st argument. You also need to get the number of digits you'll have.

function addzeros(number, length) {
    var num = '' + number;
    while (num.length < length) {
        num = '0' + num;
    }
    return num;
}

var numDigits = String($(".team").length).length;

$(".team").each(function(index){
  $("#teamrank p").append(addzeros(index, numDigits) + ": " + $(this).text() + "<br />");
});

I didn't test this out so let me know if you run into problems with it.