循环槽对象并选择最后一个对象

时间:2019-05-09 17:24:30

标签: javascript jquery

我正在创建一个象形图,在其中遍历对象(使用间隔方法),每次不满足条件时,代码将添加.active类。但是现在我想更改最后一个对象CSS,但是它将更改最后一个对象。

我已经尝试过.last()函数和:last选择器,但它仍然会选择最后一个。

function result3() {
  var place = (person.bmi * 100 / 35);
  var realPlace = parseInt(52953 * place / 100);
  var pictoPlace = parseInt(realPlace / 530);
  var i = 0;

  var timeOut = setInterval(function() {
    if (i == pictoPlace) {
      $(".active:last").css("color", "red");
      clearInterval(timeOut);
    }

    $(".fa-male").eq(i).addClass("active");
    i++

  }, 20)
}

这就是现在的样子:

红色应该是最后一个。

2 个答案:

答案 0 :(得分:2)

您的代码将最后一个ods select none; proc means data=sashelp.class n mean max min std stackods; class age; var height weight; ods output summary=summary; run; ods select all; proc print; run; 设置为红色,然后添加另一个.active元素。

只需移动将类设置为.active函数中第一个的代码即可:

setTimeOut

答案 1 :(得分:0)

function result3() {
 var place = (person.bmi * 100 / 35);
  var realPlace = parseInt(52953 * place / 100);
  var pictoPlace = parseInt(realPlace / 530);
  var i = 1;

var timeOut = setInterval(function() {
if (i == pictoPlace) {
  $(".active:last").css("color", "red");
  clearInterval(timeOut);
}

$(".fa-male").eq(i).addClass("active");
i++

 }, 20)
}