javascript - 单击 3 次后隐藏或删除下一个按钮，如果单击上一个按钮，则再次显示

Question

我已经完成了一些基本的 jquery 代码，当单击 3 次下一个按钮时它会隐藏，当您单击上一个按钮时它会显示，但它不会运行 3 次单击循环。我需要在单击下一个按钮 3 次后单击上一个按钮，它应该运行第一个循环，即 3 次单击。

var $i = 1; 
        $('body').on('click','#next',function(){ 
                if ($i < 3) { /*functions to be executed*/ $i++; 
                } 
                else { 
                $(this).prop('disabled', 1);
                $(this).hide();             
                }   
            }); 

            $('#prev').click(function() {
                $('#next').show();
                });

        var $n = 1; 
        $('body').on('click','#prev',function(){ 
                if ($n < 3) { /*functions to be executed*/ $n++; 
                } 
                else { 
                $(this).prop('disabled', 1);
                $(this).hide(); 
                } 
            });

            $('#next').click(function() {
                $('#prev').show();
                }); 

Answer 1

你只是忘了重置你的计数器：

   var $i = 1; 
   var $n = 1;
    $('body').on('click','#next',function(){ 
            if ($i < 3) { /*functions to be executed*/ $i++; 
            } 
            else { 
               $(this).prop('disabled', 1);
               $(this).hide();
               $("#prev").show(); // <- show here
               $i = 1;             
            }   
        }); 


    $('body').on('click','#prev',function(){ 
            if ($n < 3) { /*functions to be executed*/ $n++; 
            } 
            else { 
               $(this).prop('disabled', 1);
               $(this).hide(); 
               $("#next").show(); // <- show here
               $n = 1;
            } 
        });