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

我在我的HTML跨度元件如下所示包含值0：如何获取jQuery中的html span元素的值？

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

我已经写一个jquery 1添加到存储在跨度element.When我上的按钮，这是数span类包含class addtocartbt。我将span类元素中的零值加入到personcart类中，并将1作为span元素的内容与类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);*/ 

});

任何人都可以说如何做到这一点？

来源

2017-01-30 anu

跨度的地方有'不value' ü se'.text（）'得到范围文本 – guradio

我已经使用.text（），但它显示11不是1 – anu

该问题不在分配，但在初始化。初始化click事件之外的'var totalsum'，这样它就会加起来。当你点击它总是重置它的工作值 – guradio

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>

评论，你重新初始化变量做检查的评论

来源

2017-01-30 10:46:03 guradio

它的工作已经

$("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>

来源

2017-01-30 10:38:14

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

回答

相关问题