Почему мой код jquery не работает?

Question

<script> 
     var i=0; 
     $(document).ready(function(){ 
      $("#tolevel_" + (i+1)).click(function(){ 
       $("#level_" + i).hide(500,'swing', function(){ 
        $("#level_" +(i+1)).show(500, 'swing', function(){ 
         i=i+1; 
        }); 

       }); 
      }); 
      $("#backtolevel_" + (i-1)).click(function(){ 
       $("#level_" + i).hide(500,'swing', function(){ 
        $("#level_" +(i-1)).show(500, 'swing', function(){ 
         i=i-1; 
        }); 
       }); 
      }); 
     }); 
    </script> 

Хорошо, вот мой jquery. Идентификаторы уровня - это divs и tolevel и backtolevel - по две кнопки в каждом. например, если id div является «level_1», идентификаторы кнопок в этом div являются «backtolevel_0» и «tolevel_2». Хорошо, работает только в первый раз. это неважно, на каком уровне я. Я тестировал его на разных уровнях, но он работает только один раз. не знаю почему! Можете ли вы, ребята, помочь мне? Я думаю, что приращение или уменьшение не работают.

Answer 1

Попробуйте с помощью следующего кода:

<script> 

     $(document).ready(function(){ 
      $("[id^=tolevel_]").click(function(){ 
       var currentID = $(this).attr("id"); 
       var number = currentID.replace("tolevel_","");//get the number in string format 
       number = parseInt(number); 
       var i = number -1; 
       $("#level_" + i).hide(500,'swing', function(){ 
        $("#level_" +(i+1)).show(500, 'swing', function(){ 

        }); 
       }); 
      }); 

      $("[id^=backtolevel_]").click(function(){ 
       var currentID = $(this).attr("id"); 
       var number = currentID.replace("backtolevel_","");//get the number in string format 
       number = parseInt(number); 
       var i = number + 1; 
       $("#level_" + i).hide(500,'swing', function(){ 
        $("#level_" +(i-1)).show(500, 'swing', function(){ 

        }); 
       }); 
      }); 
     }); 
    </script> 

Это пользователь `Атрибут JQuery начинается с селектором. Узнайте больше об этом в https://api.jquery.com/attribute-starts-with-selector/. На самом деле нет необходимости писать код для каждого элемента. Это должно сработать.