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步 - 某事

第5步 - 某事

第6步 - 某事

- 结束ol -

我需要它是：1,2,3然后再次在1,2,3开始下一个不是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++;
      });
   });
});

jQuery顺序列表问题

1 个答案: