2009-08-14 9 views
2

これはおそらく非常に簡単です!jQueryシーケンシャルリスト問題

私は、ページ上の1つのオールリストがある場合には、正常に動作しますhttp://webdesignerwall.com/demo/jquery-sequential/jquery-sequential-list.html

からチュートリアルを追いました。オール開始--- -

私が持っている
$(document).ready(function(){ 

    $("ol.step li").each(function (i) { 
     i = i+1; 
     $(this).prepend('<span class="stepnumber"> Step '+i+'</span>'); 
    }); 

}); 


<ol class="step"> 
    <li>something</li> 
    <li>something</li> 
    <li>something</li> 
</ol> 

<ol class="step"> 
    <li>something</li> 
    <li>something</li> 
    <li>something</li> 
</ol> 

つ以上のオールのステップそうのように次のOLに横断し、続ける:2つのオールリストがある場合しかし、私は問題を持っています

ステップ1 - 何か

ステップ2 - 何か

ステップ3 - 何か

- エンドオール -

は -

ステップ4 - - 何か

ステップ5 - 何か

ステップ6 - 何か

- エンドオールオールを開始します - -

私は次のようにする必要があります:1,2,3そして1,2,3で始まり、次に1,2,3,4,5,6で始まらない!

誰でも手助けできますか?

お返事ありがとうございます!

答えて

9

あなたはそれぞれのリストを別々に処理したいと思うでしょう。次のようなもの:

$(document).ready(function(){ 
    $("ol.step").each(function() { 
     var i = 1; 
     $(this).children().each(function() { 
      $(this).prepend('<span class="stepnumber"> Step '+i+'</span>'); 
      i++; 
     }); 
    }); 
});