我正在创建一个象形图,在其中遍历对象(使用间隔方法),每次不满足条件时,代码将添加.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)
}
现在就是这样:
红色应该是最后一个。
您的代码设置了最后一个.active
红色,然后添加了另一个.active
元素。
只需移动将类设置为setTimeOut
函数中第一个的代码即可:
var timeOut = setInterval(function(){
$(".fa-male").eq(i).addClass("active");
if (i == pictoPlace){
$(".active:last").css( "color", "red" );
clearInterval(timeOut);
}
i++ }
,20)
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句