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

根据需要进行调整。