2016-02-29 85 views
-3

當在網頁上點擊一個整數(頁面上的任何整數)時,該整數必須增加一個常量整數值。再次單擊時,該整數必須返回到原始值。Jquery在點擊時切換整數值

讓我們假設我們有一個整數

<div id="integer-1">25<div> 

而且隨着5

<div id="const-integer">5</div> 

值另一個整數當點擊5,id爲integer-1整數應由5.在遞增第二次點擊時,整數應該恢復到其原始值25.

回答

1

每個整數都有其自己的值。您將不得不點擊頁面上的許多變量整數中的一個,而不是常量。這是因爲我們的目標是多個號碼。

無論如何,我們可以通過檢查按鈕的操作來完成此操作。如果它的文字是Add 5,我們會在前面的數字上加5,否則我們會減5。這是它的代碼。

$("button").on("click", function() { 
 
    
 
    var integer = +$("#integer").html(); 
 
    if ($("button").text() == "Add 5") { 
 
     $("button").text("Subtract 5"); 
 
     $("#integer").html(integer + 5); 
 
    } 
 
    else { 
 
     $("button").text("Add 5"); 
 
     $("#integer").html(integer - 5); 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="integer">25</div> 
 

 
<button id="my-button">Add 5</button>