javascript - 如何使用 jQuery 执行添加功能

Question

我是 JavaScript 新手，我需要执行一个函数！基本上场景是什么，有两个元素用来增加和减少一个数值。该值显示在元素中。我已经展示了元素所在的图像！如何使用 JavaScript 做到这一点？

更新 ：

我为元素单击事件编写了以下 jQuery 函数。但是当我单击元素时结果不会改变。

 jQuery(document).ready(function(){
        jQuery(".amount-increase").click(function(
            var amount = parseInt($(".bill-item-amount span")text(),10);
            amount = amount + 1;
            $(".bill-item-amount span").text(amount);
        ));
    });

这是 HTML 元素映射。

 <div class="bill-item-description">
 <!-- Section for Item description and pricing -->
 <div class="bill-item-name">
 <p class="bill-item-name-left">Normal Cofee</p><p class="bill-item-name-right">170.00</p>
 <div class="clear"></div>
 </div>
 <div class="bill-item-price">
 <span>170.00 USD</span>
 </div>
 <div class="bill-item-amount">
 <span>2</span>
 </div>
 </div>
 <div class="bill-amount-selection">
 <!-- Section where the increment & decrement of item amount goes -->
 <a class="amount-increase" href="#"></a>
 <a class="amount-decrease" href="#"></a>
 </div>

Answer 1

假设您从某个地方获取值，或者您可以从 0 开始并相应地添加，它还有很多其他的东西，但是使用 jQuery 很容易。

http://jsfiddle.net/6hMfj/

HTML

<div id="box1">1</div>
<a href="#" id="increase1">Click</a>

带有 jQ​​uery 的 JavaScript

var x = 0; //<?php echo '$num' ?> or default setting or something
$("#increase1").click(function() {
    // This assumes you get value from database as number
    x+=1;
    $("#box1").html(x);
});

Answer 2

根据您显示的图像，有两个侧面图像，向上和向下显示..

http://jsfiddle.net/6hMfj/

向上使用一个 div(name :up) 来增加值并使用以下代码：

***var x = 0; 
$("#up").click(function() 
{    
    x+=1;
    $("#box1").html(x);
});***

使用另一个 div(name :down) 向下并使用此代码

***var x = 0; 
$("#up").click(function() 
{    
    x-=1;
    $("#box1").html(x);
});***

Answer 3

$(document).ready(function(){
var s1=170;
$("amt_in").click(function(){
  s1=s1+1;
  document.getElementById("price").value=s1;
  });
$("amt_de").click(function(){
  s1=s1-1;
  document.getElementById("price").value=s1;
  });

  });

Answer 4

http://jsfiddle.net/Praveen16oct90/QkgzB/

看看这个..为你创建的......

              $(document).ready(function()
        {
        var x=2;
                $("#increase").click(function()
                {

                        x+=1;
                        $("#price").html(x);

                });

        });