jquery - 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 --

第 4 步 - 一些东西

第 5 步 - 一些东西

第 6 步 - 一些东西

--结束哦--

我需要它是：1,2,3，然后从 1,2,3 重新开始，下一个 ol NOT 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++;
      });
   });
});