javascript – 计算HTML中2个数字之间的差异并应用css类

发布时间：2020-12-14 19:46:11 所属栏目：资源来源：网络整理

导读：我正在尝试做一些我认为非常简单但没有太多运气的事情.我有两个长长的分数列表要比较,每对都在自己的div中.我正在寻找一个我可以指定div ID的函数,并在第三个div中反映出不同的函数.如果数字是正数,则应用一个类,如果是负数,则应用另一个类. 在我的JavaScrip

我正在尝试做一些我认为非常简单但没有太多运气的事情.我有两个长长的分数列表要比较,每对都在自己的div中.我正在寻找一个我可以指定div ID的函数,并在第三个div中反映出不同的函数.如果数字是正数,则应用一个类,如果是负数,则应用另一个类.


在我的JavaScript中：

$(window).ready(function() {  
    $('#diff').html(diff);
});

var diff = calc("score","benchmark");

function calc(divID1,divID2) {
      div1 = document.getElementById(divID1);
      metric = div1.innerHTML;
      div2 = document.getElementById(divID2);
      benchmark = div2.innerHTML;
      c = Math.abs(a) - Math.abs(b);
// this is the difference here
      return String(c);  
};

我加载了D3和JQuery. div列中的数字是通过其他函数动态生成的,因此我无法对样式进行硬编码.


最佳答案
当DOM还没有准备好时,你不能计算2个元素的值之间的差异.
(您当前的就绪处理程序未执行实际计算,只是将已经错误计算的值附加到某个元素).
试试这个：

$(document).ready(function() {
    var diff = Math.abs($("#score").text()) - Math.abs($("#benchmark").text());
    $('#diff').html(diff).addClass(diff > 0 ? 'positive' : 'negative');
});

另外,我将$(window).ready()更改为$(document).ready().
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!