如何使用jquery在特定视口中删除和添加div类

这是我的结构

<div class="container-lg">
<div class="row">
...
</div>
</div>

...

我想更换CONTAINER-LG，就像这样

<div class="container">
<div class="row">
...
</div>
</div>

...

使用jquery（/p>

$（窗口）。打开（'resize'，函数（事件），当视口变为768px以下时{
$(window).on('resize', function(event) {
    var width = $(window).width();
    if(width < 768) {
        $(".container-lg").attr('class', 'container');
    } else {
        $(".container").attr('class', 'container-lg');
    }
});

变量宽度=$（窗口）.width（）；
如果（宽度<768）{
$（“.container lg”）.attr（'class'，'container'）；
}否则{
$（“.container”）.attr（'class'，'container lg'）；
}
});

您可以使用jQuery删除类和添加类：

var width = $(window).width();
if(width < 768) {
    $('.container-lg').addClass('container').removeClass('container-lg');
} else {
    $('.container').addClass('container-lg').removeClass('container');
}

var-width=$（窗口）.width（）；
如果（宽度<768）{
$（'.container-lg'）.addClass（'container'）.removeClass（'container-lg'）；
}否则{
$（'.container'）.addClass（'container-lg'）.removeClass（'container'）；
}

感谢您的回答，但它将容器添加到了容器lg中。它变成了。。。我刚刚编辑了代码。试试这个，如果不行就告诉我。你的也行，它完成了我想要的任务。非常感谢。@EbbyS.V.Hesse，不用担心。但请仔细阅读：我刚刚检查过，我看到代码正在将CONTAINER-LG更改为CONTAINER-LG，这是正确的，但同时它也在将CONTAINER更改为CONTAINER-LG……是的，如果窗口宽度从小于768px更改为大于768px，它的行为是相反的。如果不希望出现这种行为，可以删除

If

语句的

else

部分。这只是意味着，一旦窗口宽度小于768px，您的div将拥有

容器

类，并且无论进一步调整屏幕宽度，它都将保持这种状态。@EbbyS.V.Hesse，我回答了您的问题吗？