jQuery 将具有多个类的元素的 1 个类更改为不同的类(a、b、c 更改为 a、b、d)

Question

我使用以下代码将一个元素的类更改为新类:

$("#change_color_scheme_1").on("click", function(){
    $(".bg1_color_1").attr("class","bg1_color_2");
});

这很好用，但是如果我的元素附加了多个类，例如 div class="class1 class2 class3" 它就会停止工作。我认为它将所有这 3 个类更改为一个类。是否有办法用 jquery 定位并仅替换其中一个类？所以基本上我可以从“class1 class2 class3”到“class1 class2 class4”而无需重新附加类1和2？因此，代码基本上找到了 class3 并将其替换为 class4。

谢谢!

Answer 1

我可以从“class1 class2 class3”转到“class1 class2 class4”

您应该使用.removeClass()

Remove a single class, multiple classes, or all classes from each element in the set of matched elements.

和.addClass()

Adds the specified class(es) to each of the set of matched elements.

使用

$(".bg1_color_1").removeClass("class3").addClass("class4");