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

时间:2014-05-20 19:05:20

标签: jquery css class

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

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

这很好用,但是如果我的元素附加了多个类,例如div class="class1 class2 class3",它就会停止工作。我假设它将所有这三个类改为一个单独的类。无论如何使用jquery来定位和替换其中一个类?所以基本上我可以从“class1 class2 class3""class1 class2 class4"而不必重新附加类12?所以代码基本上找到了class3并将其替换为{ {1}}。

谢谢!

1 个答案:

答案 0 :(得分:3)

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

您应该使用.removeClass()

  

从匹配元素集中的每个元素中删除单个类,多个类或所有类。

.addClass()

  

将指定的类添加到每组匹配的元素中。

使用

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