首页 > 解决方案 > 获取一个变量内的数字总和

问题描述

是否可以在一个变量中添加不同的数字?

例子:

$( ".list .task" ).each( function( ){	
  var GetScore =	$( this ).text();
  console.log(GetScore);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
 <div class="list">
  <div class="task">1</div>
</div>
<div class="list">
  <div class="task">2.2</div>
</div>
<div class="list">
  <div class="task">4</div>
</div>
<div class="list">
  <div class="task">9.3</div>
</div>

像这样我得到一个变量中的数字,但我现在如何添加它们?或者是否有必要为每个".task"数字创建一个变量?

标签: javascriptjquery

解决方案


首先,为初始值声明一个变量。
然后在函数内部,将每个数字(如果存在)添加到该值。

var GetScore = 0; // initial value

$( ".list .task" ).each( function(){    
    GetScore += parseFloat($(this).text()) || 0;
});

console.log(GetScore); // 16.5
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="list">
  <div class="task">1</div>
</div>
<div class="list">
  <div class="task">2.2</div>
</div>
<div class="list">
  <div class="task">4</div>
</div>
<div class="list">
  <div class="task">9.3</div>
</div>


推荐阅读