Как удалить класс с нескольких блоков?

Question

[vladHD]

всем привет, собственно имеется данный код

function mobile() {
        var checkWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
        var demo = jQuery(".mob_content_ns_kl");
        if (checkWidth > 768 && demo.data('owlCarousel')) {
            demo.data('owlCarousel').destroy();
            demo.removeClass('owl-carousel');
        } else if (checkWidth < 767) {
            demo.owlCarousel({
                singleItem: true
            });
        }
    }

нужно ремувить класс при разрешении >767px . Блоков с этим классом несколько, но почему-то класс убирается только с первого(верхнего по коду), а остальные не трогает, как это исправить ?

Answer 1

[IVAN SAVCHENKO]

demo.each(function(){
     $(this).removeClass('owl-carousel');
})

Comments

[vladHD]

не знаю почему, но не работает function mobile() {
var checkWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var demo = jQuery(".mob_content");
if (checkWidth > 768 && demo.data('owlCarousel')) {
demo.data('owlCarousel').destroy();
demo.each(function(){
jQuery(this).removeClass('owl-carousel');
})
} else if (checkWidth < 767) {
demo.owlCarousel({
singleItem: true
});
}
}

Answer 2

[Константин Китманов]

Читаем документацию: Remove a single class, multiple classes, or all classes from each element in the set of matched elements. Значит, все сделано правильно. Значит, проблема не в вызове removeClass. Похоже на то, что остальные блоки с этим классом создаются позже, чем вы вызываете $('.mob_content_ns_kl'). Или проверьте, что у всех блоков класс именно mob_content_ns_kl — нет опечаток, не закралась русская буква вместо латинской и т.д.