jquery - 我试图在 jQuery : 中划分两个变量

Question

您可以查看此jsfiddle中的代码.

$(document).ready(function() {
  $('#product').change(function() {
  $('#result').text($(this).val() * 6);
});

$('#product1').change(function() {
  var num1 = $('#result');
  var num2 = $('#product1');
  var result1 = parseFloat(num1, 10) / parseFloat(num2, 10);
  $("#result1").text(result1);
  console.log(typeof(result1));
 });
});

<div class="container">
 <div class="col-xs-6">
  Count<input name="shares" id="product" type="number" / min="0">
 </div>
</div>

<div>
  Total Value: <span id="result"></span>/
  <input name="shares1" id="product1" type="number" / min="0">
  <br /> Final Result: <span id="result1"></span>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

当我尝试除以两个变量时，结果字段中出现 NaN。

请帮我解决这个问题。提前致谢。

Answer 1

您正在解析 jquery 对象，而不是它的值/文本。

  var num1 = $('#result').text();
  var num2 = $('#product1').val();

Internally ，parseFloat 会首先尝试将传递的参数转换为字符串。因此，将调用该对象的 toPrimitive 并返回其默认原始值。例如:“[对象对象]”。所以当转换非数字字符串时会导致NaN。因此 NaN/NaN 等于 NaN