如何使用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>

使用jQuery的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);

                });

        });