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

前端之家收集整理的这篇文章主要介绍了javascript – 计算HTML中2个数字之间的差异并应用css类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

score">50

在我的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().

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

猜你在找的HTML相关文章