计算HTML表TD内两个数字之间的百分比

时间:2015-04-01 07:27:02

标签: javascript jquery html percentage

我的完整示例位于JSFIDDLE

我有一个HTML表,其中包含很少的值。我想根据其中的tr值找到每个td中的百分比,并且必须在每个tr的末尾附加结果值。

我的jQuery代码

$('tr').each (function() {
    var frstCol = $(this).find('.combat').text();
    var seCol = $(this).find('.ac_yeild').text(); 
    var result = parseInt(frstCol) * 100 / parseInt(seCol);
    console.log(result);
    $('.res').text(result);
});

如何计算第一列和第二列的百分比,并将其放回result列中tr的每个{?}}?

2 个答案:

答案 0 :(得分:2)

使用此:

$(this).find('.res').text(result);//this will replace only specific result class 

而不是

$('.res').text(result);//this is replacing all values of res class with new value

DEMO

  

注意:由于td包含' - ' 非数字,因此您获得 NAN 值。

答案 1 :(得分:1)

您需要为每个单独的列编写结果值:

  $('tr').each (function() {
            var frstCol = $(this).find('.combat').text();
            var seCol = $(this).find('.ac_yeild').text(); 
           alert(frstCol)

               var result = (parseInt(frstCol) / parseInt(seCol))* 100 ;
               console.log(result);
               if(isNaN(result))
                 $(this).find('.res').text(0);
               else
                 $(this).find('.res').text(result);



        });