jquery - 使用 jQuery 对列表重新编号

Question

我有一个由 jQuery UI 提供支持的列表 sortable允许用户订购行项目。我想要一个数字来表示该对象被放置后的位置。

<ul>
     <li><span class="number">1</span> Apple</li>
     <li><span class="number">2</span> Microsoft</li>
     <li><span class="number">3</span> Canonical</li>
<ul>

现在我有一个数字(不使用<ol>，因为我想设置数字的样式/位置......无论如何这都不能解决问题)。显然，如果我将 Canonical 的订单项移至顶部，则 3 会保留在顶部。

有没有办法，使用 jQuery 可以在每次将订单项放置到位时重新计算数字？

谢谢。 :)

Answer 1

较短:

$('li > span.number').each(function(i) {
   $(this).text(i+1);
});