jquery – 计算每个类似类的td的总和

前端之家收集整理的这篇文章主要介绍了jquery – 计算每个类似类的td的总和前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的html表td看起来像这样
<td class="20">1</td>
<td class="20">2</td>
<td class="20">3</td>
<td class="20">4</td>
<td class="20">5</td>
<td class="20">3</td>
<td class="total"></td>
<td class="30">2</td>
<td class="30">5</td>
<td class="30">6</td>
<td class="total"></td>

我正在计算td在课堂总数之前可用的数量,并将其值并入相应的总类td中.

所以我想得到

<td class="20">1</td>
<td class="20">2</td>
<td class="20">3</td>
<td class="20">4</td>
<td class="20">5</td>
<td class="20">3</td>
<td class="total">Total : 18</td>
<td class="30">2</td>
<td class="30">5</td>
<td class="30">6</td>
<td class="total">Total : 13</td>

这是我试过的

var sum = 0;
$('.total').each(function(){
var tdTxt = $(this).prev('td').text();
    sum += parseFloat(tdTxt);                       
});

但它没有工作.怎么实现呢?

解决方法

尝试:
var temp = 0;
$('td').each(function(){

var tdTxt = $(this).text();
     if($(this).hasClass('total')) {
         $(this).text(temp);
         temp = 0;
    } else {
       temp+= parseFloat(tdTxt);    
    } 

});

https://jsfiddle.net/8f4b1tok/

原文链接:https://www.f2er.com/jquery/179742.html

猜你在找的jQuery相关文章