使用jQuery重新编号列表

Bry*_*oso 4 jquery jquery-ui jquery-ui-sortable

我有搭载jQuery用户界面的列表排序,让用户订单行项目.我希望有一个数字代表该对象被删除后的位置.

<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>
Run Code Online (Sandbox Code Playgroud)

现在我有一个数字(不使用一个,<ol>因为我想设置/定位数字......但这无论如何都无法解决问题).显然,如果我将Canonical的订单项移到顶部,那么3会留在它上面.

有没有办法,使用jQuery我可以在每次删除订单项时重新计算数字?

谢谢.:)

Joe*_*l L 9

短:

$('li > span.number').each(function(i) {
   $(this).text(i+1);
});
Run Code Online (Sandbox Code Playgroud)