2

これはおそらく非常に簡単です！

http://webdesignerwall.com/demo/jquery-sequential/jquery-sequential-list.htmlのチュートリアルに従いました

ページにolリストが1つある場合は、正常に機能します。しかし、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-何か

--endol-

-olを開始します-

ステップ4-何か

ステップ5-何か

ステップ6-何か

--endol-

私はそれが1、2、3である必要があり、次に1、2、3、4、5、6ではなく次のolのために1、2、3から再開します！

誰か助けてもらえますか？

迅速な対応に感謝します！

4

1 に答える 1

9

各リストを個別に処理する必要があります。何かのようなもの：

$(document).ready(function(){
   $("ol.step").each(function () {
      var i = 1;
      $(this).children().each(function() {
          $(this).prepend('<span class="stepnumber"> Step '+i+'</span>');
          i++;
      });
   });
});
于 2009-08-14T13:26:21.357 に答える