javascript - 为最大值(value)添加类

Question

我有这个东西。

为了工作，您需要更改选择。

更改选项后，会显示一些值，我在 currentDATA[year] 的最大值上添加了最高级别。

但问题是，如果我切换到 Something #2 并返回到 Something #1，则不会突出显示正确的值。

if(value > prevVal) {
    $el.parent().find('span').removeClass('highest');
    $el.addClass('highest');          
}

Full demo

谁能解释一下我做错了什么？

Answer 1

首先，prevVal 始终为零。所以设置让它工作一年。

接下来，您需要将每一年的 prevVal 重置为零，以便每一年都能找到自己的最大值。

$('select').on('change', function() {

var currentDATA = myJSON[$(this).val()];

for(var year in currentDATA){
  var prevVal = 0;
  console.log(year);
  for(var val in currentDATA[year]) {

    var value = currentDATA[year][val];
    var $el = $('.' + val + '_' + year);

    $el.html(value);

    if(value > prevVal) {
      prevVal = value;
      $el.parent().find('span').removeClass('highest');
      $el.addClass('highest');

    }

  }
}


});