包含数字的jQuery变量在尝试添加时返回NaN

时间:2015-04-17 19:26:50

标签: jquery

我试图抓取跨度中包含的2个数字(这些数字由选择菜单中的选项决定),并将它们一起添加。然后我需要将这个数字填入另一个显示总数的范围内。跨度内的数字是有效数字,但每次单击.getTotal时,结果将返回为NaN。有什么想法吗?

 $(".bundelTotalHeading").hide();
 var pestTotal = $('.programCostPestControl').val();
 var lawnTotal = $('.programCostLawnCare').val();
 var total = parseFloat(pestTotal) + parseFloat(lawnTotal);
 $('.getTotal').click(function () {
       if(isNaN(total)) {
              var total = 'CALL FOR PRICING';
       }  
       $(".totalCost").text(total);
       $(".bundelTotalHeading").show();
 });

1 个答案:

答案 0 :(得分:1)

您需要在单击处理程序中移动变量声明,并在要使用的跨距内获取文本.text()而不是.val():

$(".bundelTotalHeading").hide();

 $('.getTotal').click(function () {
     var pestTotal = $('.programCostPestControl').text();
     var lawnTotal = $('.programCostLawnCare').text();
     var total = parseFloat(pestTotal) + parseFloat(lawnTotal);
       if(isNaN(total)) {
              var total = 'CALL FOR PRICING';
       }  
       $(".totalCost").text(total);
       $(".bundelTotalHeading").show();
 });