有什么方法可以使用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) {

  if(check.checked) {

    var price = +tex2.innerText;

    var per = +percent.innerText;

    tex1.innerText = price-(per/100)*price;

  } else {

    tex1.innerText = 'test';

  }

}

<input type="checkbox" onchange="make(this)">Click</button>

<div>

  <h id="tex2">10</h>

  <h id="percent">20</h>

  <h id="tex1"></h>

</div>

Answer 2

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