jQuery: ajouter des numéros dans une liste ordonnée

Question

Je voudrais utiliser jQuery pour faire ceci:

<ol> 
<li>item a</li> 
<li>item b</li> 
</ol> 
<ol> 
<li>item c</li> 
<li>item d</li> 
<li>item e</li> 
</ol> 

... devenir ceci:

<ol> 
<li><span>1</span> item a</li> 
<li><span>2</span> item b</li> 
</ol> 
<ol> 
<li><span>1</span> item c</li> 
<li><span>2</span> item d</li> 
<li><span>3</span> item e</li> 
</ol> 

(This answer ne fonctionne pas quand il y a plusieurs ol s sur la page, le nombre serait incrémenté sur les ol s au lieu de 1 à partir de 1 pour chaque individu ol.)

Answer 1

Ou comme ceci:

$('ol > li').each(function() { 
    $(this).prepend("<span>" + ($(this).index() +1) + "</span>"); 
}); 

Référence: prepend(),

Answer 2

Pro bablement pas la meilleure solution, mais il fait le travail:

​$('ol').each(function() { 
    $(this).children('li').each(function(i) { 
     $(this).prepend(' ' + (i+1) + ' '); 
    }); 
});​​ 

Answer 3

Vous pouvez faire quelque chose comme ça (depuis jQuery 1.4+, .prepend() prend une fonction):

​$("ol").each(function() { 
    $("li", this).prepend(​​​​​​​​function(i) { 
     return $("<span />", {text: i+ 1 }); 
    }); 
});​ 

You can see a working demo here

Ou, encore plus court, mais moins efficace:

$("ol li").prepend(function() { 
    return $("<span />", {text: $(this).index() +1 }); 
});​ 

You can see that demo here

Answer 4

$("ol").each 
(
    function() 
    { 
     $("li", this).each 
     (
      function (i) 
      { 
       $(this).prepend("<span>" + (i+1) + "</span>"); 
      } 
     ); 
    } 
);