有什么方法可以使用jquery来添加两个<h>标签的值？

Question

我有两个<h4>标签，一个包含价格，另一个包含百分比值。我需要找到百分比并将其设置为新<h4>标签。我试图进行计算，但NaN取而代之的是。我试过alert(parseFloat(price)+parseFloat(percent))哪个返回级联结果，而不是总和（仅用于测试）。

我尝试了以下操作，根据复选框的点击来分配值。

$("#checkbox1").click(function () {

     if ($(this).prop("checked")) {

         var price = $("#tex2").text();

         var percent = $("#percent").text();

         price = parseFloat(price);

         percent= parseFloat(percent);

         var dis_price; 

         dis_price = parseFloat(dis_price); 

         dis_price = price-(percent/100)*price;

         $('#tex1').text(dis_price);

  }

  else {

      $("#tex1").text("test");

  }

});

我想获取计算值而不是NaN。请找到我解决此问题的方法。

Answer 1

没有jquery会更简单（将+隐式字符串转换为数字）var price = +tex2.innerText;var per = +percent.innerText;tex1.innerText = price-(per/100)*price;function make(check) {&nbsp; if(check.checked) {&nbsp; &nbsp; var price = +tex2.innerText;&nbsp; &nbsp; var per = +percent.innerText;&nbsp; &nbsp; tex1.innerText = price-(per/100)*price;&nbsp; } else {&nbsp; &nbsp; tex1.innerText = 'test';&nbsp; }}<input type="checkbox" onchange="make(this)">Click</button><div>&nbsp; <h id="tex2">10</h>&nbsp; <h id="percent">20</h>&nbsp; <h id="tex1"></h></div>

Answer 2

对undefined值进行数学运算将返回NaN。确保您的参考值不是undefined。