номер LI, используя JQuery

Question

У меня есть упорядоченный список, но я хочу, чтобы номер вручную в отдельном span теге, чем использовать по умолчанию list-style: decimal;

<ol> 
<li><span>1</span> item 1</li> 
<li><span>2</span> item 2</li> 
</ol> 

Как я могу добиться этого с помощью JQuery?

Большое спасибо!

Answer 1

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

Вам необходимо отключить стандартные маркеры тоже:

ol { list-style-type: none; } 

Регулировка по мере необходимости.