循环使用相同类的div,收集它们的值并将它们相乘

时间:2015-12-15 19:03:00

标签: jquery

我有多个元素,同一个类包含十进制数(精度2),例如“2.25”。所以假设我有n个元素,同一个类包含不同的数字。我想要做的是收集这些元素的值,然后将它们相乘。所以例如我们有2.50,2.00,3.50 - 我需要乘以2.50 * 2.00 * 3.50。到目前为止我设法做的是收集元素的值,如:

<span class='test'>2.50</span>
<span class='test'>2.00</span>
<span class='test'>3.50</span>

$('.test').each(function() {
multiplied = ??? - thats what i dont know how to multiply them
then I append the result to a div

2 个答案:

答案 0 :(得分:0)

var sum=1;

$('.test').each(function(index,item) {

  var val = parseFloat($(item).html());

  if(!isNaN(val))
  {
     sum = sum * val;
  }
});
$("#resultDivIdHere").html(sum);

Here是一个工作样本

答案 1 :(得分:0)

或者只是减少

var total = $('.test').toArray().reduce(function(a,b) {
    return (a.innerHTML || a) * b.innerHTML;
});