Удалить все классы, которые начинаются с определенной строки

Question

У меня есть div с id="a", к которому может быть прикреплено любое количество классов из нескольких групп. У каждой группы есть определенный префикс. В javascript я не знаю, какой класс из группы находится на div. Я хочу иметь возможность очистить все классы с заданным префиксом, а затем добавить новый. Если я хочу удалить все классы, начинающиеся с «bg», как мне это сделать? Примерно так, но на самом деле это работает:

$("#a").removeClass("bg*");

Answer 1

в одну строку ... Удаляет все классы, которые соответствуют регулярному выражению someRegExp

$('#my_element_id').removeClass( function() { return (this.className.match(/someRegExp/g) || []).join(' ').replace(prog.status.toLowerCase(),'');});

Answer 2

$("#element").removeAttr("class").addClass("yourClass");

Answer 3

(function($)
{
    return this.each(function()
    {
        var classes = $(this).attr('class');

        if(!classes || !regex) return false;

        var classArray = [];

        classes = classes.split(' ');

        for(var i=0, len=classes.length; i<len; i++) if(!classes[i].match(regex)) classArray.push(classes[i]);

        $(this).attr('class', classArray.join(' '));
    });
})(jQuery);

Answer 4

Я также использую дефис и цифры в качестве имени класса. Так что моя версия включает в себя '\ d -'

$('#a')[0].className = $('#a')[0].className.replace(/\bbg.\d-*?\b/g, '');

Answer 5

Ответ Престола был полезен, но он не совсем сработал для меня. Способ jQuery для выбора объекта по идентификатору не работал. Я должен был использовать

document.getElementById("a").className

вместо

$("#a").className