if data-progress="50" изменить data-progress-text

Question

У меня есть загрузчик на моей странице, и его HTML выглядит так:

<div class="pace-progress" data-progress-text="Loading 50/100" data-progress="50" style="transform: translate3d(100%, 0px, 0px);">

Я хочу написать JS, который может изменить data-progress-text когда data-progress is 50от "Loading 50 / 100" в "Almost there!",

Я не знаю, с чего начать, и любая помощь будет принята с благодарностью.

if ( $('.pace-progress').attr('data-progress-text') == '50' ) {
(".pace-progress").attr("data-progress-text") == "Almost there!"}

Answer 1

== для сравнения стоимости

= для присвоения значения

Тем не менее, так как вы используете JQuery attr Метод, который вы не можете присвоить значение, как это. Сам метод принимает второй аргумент, чтобы определить, является ли он геттером или сеттером.

Документы jQuery довольно полны, и вы обязательно должны их использовать, прежде чем задавать вопросы

Answer 2

Используйте setInterval, чтобы периодически проверять значение и обновлять соответствующий атрибут:

setInterval(fucntion(){
   if ( $('.pace-progress').attr('data-progress') == '50' )
      $(".pace-progress").attr("data-progress-text", "Almost there!");
}, 500);