javascript - 如果父 div 有超过 1 个子 div，那么将类添加到 body

Question

我在我的网站上添加了一个 div，它有时显示 1 个子 div，有时显示超过 1 个，如果子 div 为 1，我想在 Body 标签中添加一个类，如果不给 body 另一个类的话。

我试过这段代码，但没有用:

JavaScript

setInterval(function(){
if(jQuery('div#program-days .row').length > 1)
    jQuery('body').addClass('bodyclass1');
else
    jQuery('body').removeClass('bodyclass2');
}, 1000);

HTML

<div id="program-days">
    <div class="row">program 1</div>
    <div class="row">program 2</div>
    <div class="row">program 3</div>
</div>

Answer 1

你应该像这样删除类和添加类

setInterval(function(){
    if(jQuery('div#program-days .row').length > 1){
        jQuery('body').addClass('bodyclass1');
         jQuery('body').removeClass('bodyclass2');
        }
    else{

        jQuery('body').removeClass('bodyclass1');
        jQuery('body').addClass('bodyclass2');
        }
    }, 1000);

setInterval(function(){
if(jQuery('div#program-days .row').length > 1){
    jQuery('body').addClass('bodyclass1');
     jQuery('body').removeClass('bodyclass2');
    }
else{

    jQuery('body').removeClass('bodyclass1');
    jQuery('body').addClass('bodyclass2');
    }
}, 1000);

.bodyclass1{
background-color:red;
}
.bodyclass2{
background-color:blue;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="program-days">
    <div class="row">program 1</div>
    <div class="row">program 2</div>
    <div class="row">program 3</div>
</div>