使用jQuery来编号我的lis？

Question

我正在尝试创建年鉴Wall Ladder的在线版本。 http://jsfiddle.net/koalatea/7VDSV/2/

截至目前，我正在为每一个单独编号。数字代表书中的每一页。

<ul> 
    <li compl="si"><span>1</span></li> 
    <li compl="si"><span>2-3</span></li> 
    <li compl="no"><span>4-5</span></li> 
    <li compl="no"><span>6-7</span></li> 
    <li compl="no"><span>8-9</span></li> 
</ul> 

等等..

我可以使用jQuery来数得过来给我吗？此外，任何建议来清理我的代码？

Answer 1

像这样的东西应该做的：

$('span').each(function(index) { 
    if(index == 0) { 
    $(this).html(1); 
    } else { 
    var n = (index)*2; 
    $(this).html(n + '-' + (n+1)); 
    } 
}); 

显然，这会落在其头上，如果你介绍更多的span元素。这只是为了展示你如何填写价值观。另外，我会质疑你的span元素的需要。