jquery - jQueryを使用してLIに番号を付ける

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; }

必要に応じて調整します。