一旦类在 body 上更改，更改 div 元素中的（内容）文本

Question

我只需要小的 jquery 帮助。所以我们想改变左边元素的文本值。所以一旦用户滚动到第二张幻灯片，数字 (1) 应该更改为数字 (2) .

滚动后，body 类将更改为： fp-viewing-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>

添加类后，我想用 css 更改 html 值。

 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);
    }