2016-02-29 78 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>