jQuery顺序列表问题

Question

这可能很简单!

我按照http://webdesignerwall.com/demo/jquery-sequential/jquery-sequential-list.html上的教程进行了操作

当页面上有一个ol列表时,它工作正常.但是当有2个ol列表时我有一个问题:

$(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时,步骤继续进行,如下所示遍历下一个ol:

- 开始ol ---

第1步 - 一些东西

第2步 - 一些事情

第3步 - 一些东西

- 结束ol -

- 开始ol -

第4步 - 某事

第五步 - 一些事情

第6步 - 一些事情

- 结束ol -

我需要它是:1,2,3然后再次开始1,2,3为下一个ol而不是1,2,3,4,5,6!

有人可以帮忙吗？

谢谢你的快速反应!

Answer 1

您需要单独处理每个列表.就像是:

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