jQueryを使用して自分のlisに番号を付けますか？

Question

私は年鑑Wall Ladderのオンライン版を作成しようとしています。 http://jsfiddle.net/koalatea/7VDSV/2/

現在のところ、私は各liに個別に番号を付けています。数字は本の各ページを表しています。

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

明らかにこれはその頭の上に落ちます。これは、あなたがどのように値を記入できるかを示すためのものです。また、私はあなたのスパン要素の必要性に疑問を呈します。