如何計算通過按鈕

Question

動態提交我的HTML結構這樣

<div class="count-box cocuk-count"> 
    <span class="count-text">Çocuk:</span> 
    <span class="kisi-down"></span> 
    <span class="kisi-sayi-text">1</span> 
    <span class="kisi-up"></span> 
</div> 

，如果我點擊第一個按鈕（減號），則必須向前計數或如果我點擊第二個按鈕（加）它必須計算jquery如何可能？

Answer 1

對於另外

$('.kisi-up').click(function(){ 
    $('.kisi-sayi-text').html(parseInt($('.kisi-sayi-text').html())+1); 
}); 

對於減法

$('.kisi-down').click(function(){ 
    $('.kisi-sayi-text').html(parseInt($('.kisi-sayi-text').html())-1); 
}); 

Answer 2

試試這個：

 $(document).ready(function() { 
     function Counter(counterElement) { 
      var counterElementValue = Number(counterElement.text()); 

      function setCounter(counterValue) { 
       counterElement.text(counterValue); 
      } 

      return { 
       add: function() { 
        setCounter(++counterElementValue); 
       }, 
       subtract: function() { 
        setCounter(--counterElementValue); 
       } 
      } 
     }; 

     var counter1 = new Counter($('.kisi-sayi-text')); 

     $('.kisi-down').on('click', function() { 
      counter1.subtract(); 
     }) 
     $('.kisi-up').on('click', function() { 
      counter1.add(); 
     }) 
    }); 

，如果你願意，你可以創建severals計數器。

希望這有助於你

Answer 3

var minus = $('.kisi-down:eq(0)'), 
plus = $('.kisi-up:eq(0)'), 
label = $('.kisi-sayi-text:eq(0)'), 
counter = Number(label.html()); 

function count(isUp) { 
    isUp ?counter++:counter--; 
    label.html(counter); 
}; 

function up(){ 
    count(true); 
} 

function down(){ 
    if(counter >0) count(false); 
} 

plus.on('click',up); 
minus.on('click',down);