Вывести значение массива jQuery каждый в свой блок

199

07 сентября 2018, 07:50

Я получаю со всех span на странице с классом warn текст находящийся внутри тега. То есть у меня есть блок с цифрами, которые надо анимировать при прокрутке.

$('.warn').each(function( index, value ) { 
    percent.push($(value).text());
    console.log(percent);
});

При достижение прокрутки (это у меня все реализовано, поэтому нет смысла сюда вставлять весь код ), надо вывести в каждый span с классом warn свое значение анимированное.

$('.warn').css('opacity', '1');
$('.warn').animateNumber({
    number: percent // вот сюда надо вывести правильное значение
}, 500);

Подскажите пожалуйста, как правильно передать в этот класс каждому свое значение с массива? То есть что надо вписать в значение number

Answer 1

используйте объекты а не массивы си получайте значения от ключа, задайте например каждому блоку с .warn data-key или просто id и получиться что то вроде

$('.warn').each(function( index, value ) { 
    id=$(this).data('key');
    percent[id]=$(value).text();
    console.log(percent);
 });
/**************************/
$('.warn').css('opacity', '1');
$('.warn').animateNumber({
    number: percent[$(this).data('key')] // вот сюда надо вывести правильное значение
}, 500);