Изменить (содержимое) текст в элементе div после изменения класса в теле

Question

Мне просто нужна небольшая jquery помощь. Таким образом, мы хотели бы изменить значение текста на левом элементе. Таким образом, число (1) должно быть изменено на число (2) после того, как пользователь перейдет ко 2-му слайду.

Класс тела меняется после прокрутки: fp-view-1

Вот видео с сайта: https://drive.google.com/file/d/10OcUoyvh1Xr3pWmxqzdR67wI8IlkPsNF/view?usp=sharing

Вот что я попробовал:

<script>
$(document).ready(function() {
if ($('body').attr("class") == "fp-viewing-1") {
         $('#count').addClass('something');
  }
 });
</script>

После добавления класса я думал об изменении значения html с помощью css ..

 content: "";

Answer 1

// you can use two Intervals to detect as there is no event for class change in Jquery  
$(document).ready(function () {
        startProcess();
    });
    function startProcess() {
        var checkExist1 = setInterval(function () {
            if ($('body').hasClass("fp-viewing-1")) {
                clearInterval(checkExist1);
                alert("1 detected")
                var checkExist0 = setInterval(function () {
                    if ($('body').hasClass("fp-viewing-0")) {
                        clearInterval(checkExist0);
                        startProcess();
                        alert("0 detected")
                    }
                }, 100);
            }
        }, 100);
    }