Question

我的html中有一个span元素，如下所示，其中包含值0：

<span class="personcart">0</span>

我已经写了一个jquery来为span元素中存储的数字加1。当我在一个按钮时，它是包含类addtocartbt的span元素。我使用类personcart将span元素中的零值加1，并将class 1作为span元素的内容与class personcart一起存储。但是，当我再次使用类addtocartbt单击span元素时，它会将值警告为11，该值先前存储在具有类名称personcart的span元素中。实际上它应该只有1而不是11。

var totalsum = parseInt($("span.personcart").text());
$("span.addtocartbt").click(function()
{




      alert(totalsum);
      var intg = 1;

     if(totalsum == 0){



        var totalsum   = parseInt(totalsum) + parseInt(intg);
        //$("span.personcart").html("0");
        alert(totalsum);
        $("span.personcart").html(totalsum);


      }
      else{
            alert("okkkk!!!");
            var totalsum = parseInt($("span.personcart").text());
            //$("span.personcart").html("0");
            var totalsum   = parseInt(totalsum) + parseInt(intg);
            alert(totalsum);
            $("span.personcart").html(totalsum);

      }

      /*var totalsum = 0;
      alert(totalsum);
      var totalsum   = parseInt(totalsum) + 1;
      alert(totalsum);*/

});

有谁能说怎么做？

Answer 1

它已经正常工作

$("span.addtocartbt").click(function()
{



     var totalsum = parseInt($("span.personcart").text());
      alert(totalsum);
      var intg = 1;

     if(totalsum == 0){



        var totalsum   = parseInt(totalsum) + parseInt(intg);
        //$("span.personcart").html("0");
        alert(totalsum);
        $("span.personcart").html(totalsum);


      }
      else{
            alert("okkkk!!!");
            var totalsum = parseInt($("span.personcart").text());
            //$("span.personcart").html("0");
            var totalsum   = parseInt(totalsum) + parseInt(intg);
            alert(totalsum);
            $("span.personcart").html(totalsum);

      }



 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="personcart">0</span>
<span class="addtocartbt">Add To Cart</span>

Answer 2

cars:
    - Name: Ford
      Color: Blue
    - Name: Cadillac
      Color: Pink

var totalsum = parseInt($("span.personcart").text());
$("span.addtocartbt").click(function() {
  alert(totalsum);
  var intg = 1;
  if (totalsum == 0) {
    totalsum = parseInt(totalsum) + parseInt(intg);//dont initialize
    //$("span.personcart").html("0");
    alert(totalsum);
    $("span.personcart").html(totalsum);
  } else {
    alert("okkkk!!!");
    totalsum = parseInt($("span.personcart").text());
    //$("span.personcart").html("0");
    totalsum = parseInt(totalsum) + parseInt(intg);//dont initialize
    alert(totalsum);
    $("span.personcart").html(totalsum);
  }
});

注释重新初始化变量的位置会检查注释

如何在jquery中获取html span元素的值？

2 个答案: