javascript - 将元素的类替换为另一个类

Question

非常简单的问题，但啤酒和足球的结合让我无可救药地不足! (也一定是重复的，但我找不到它，因为爱情和金钱)

我有一个元素

<div class="inline-block" id="colour">

我想检查该类是否包含 bg-anycolour(即 bg-red 或 bg-yellow 或 bg-blue 等)

如果不添加类 bg-colour (同样，bg-colour 可以是 bg-red 或 bg-white 或 bg-pink 等)

如果 true 将 bg-anycolor 替换为 bg-color

我知道我正在寻找正则表达式匹配包含和替换，但不受以后可能添加的任何其他类的限制。

    function setColour(colour) {
    //need to add class br-{colour} but also to remove colour if already there
    if ($("#colour").attr("class").match(/(** what goes here **)/))
    {
       ** and replace?? **
    }
    else
    {
        $("#colour").addClass('bg-' + colour)
    }

谢谢

Answer 1

已排序，对于问题的清晰度表示歉意。

    function setColour(colour) {

    //check if class exists that has pattern bg-w+
    if ($("#colour").attr("class").match(/bg-\w+/))
    {
        var str = $("#colour").attr("class");
        var regex = /bg-\w+/;
        //get match and remove
        $("#colour").removeClass(regex.exec(str)[0]);            
    }
    //always add the new class
    $("#colour").addClass('bg-' + colour);
    };