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

Question

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

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

我寫了一個jQuery，將span元素中存儲的數字加1.當我在按鈕上時，該span元素包含類addtocartbt。 我在class personcart的span元素中向零值添加1，並在class personcart的span元素中存儲1。 但是，當我再次單擊類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

 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); } }); 

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

注釋了您重新初始化變量的地方，請檢查注釋