Javascript JQuery switchClass具有循环形式的多个类

我很惊讶我没有找到类似的问题。我有一个图标元素，我需要在单击选项卡部分时进行更改。共有6个部分。我有它的工作，以添加一个类，尝试正确地使用删除类，这样它就不会不断添加一个又一个类。我就是搞不好

这是我的密码：

<script type="text/javascript"> 
$(document).ready(function(){
     $('.changeImage').click(function()
{var rel = $(this).attr('rel');
 $('.image').addClass("image"+rel);
$(this).siblings().removeClass("image"+rel);
            return false;
         })
 });
</script>

它也不起作用

不包括所有周围代码的HTML部分：

有没有更有效的方法交换bg图像？switchClass是一种选择吗

我很感激

我设置它的方式是，当您单击指向某个节的链接时，它在rel中有一个定义的值，该值被添加到类image+rel中

由于我有6个不同的链接，它们将与css类image1、image2、image3等一起响应，因此我需要一个通用的jquery语句，该语句表示添加单击的类，但删除它或将其与单击的下一个链接的类切换

我可以让它添加多个类，只是在单击其他链接添加下一个类时不能正确删除旧类

行$'.image'.addClassimage+rel；正在查找具有类映像的内容，我在您的代码段中没有看到

通常，您可以通过以下操作将所有现有类替换为新类：

$'selector'.attr'class'，.addClass'newClass'

您可以退房

基本上，您可以执行类似$'.changeImage'.toggleClass'image2'的操作

这将打开/关闭.image2样式。

css应为背景图像

您可以使用toggleClass

$(document).ready(function(){
    $("a").click(function(e){
        e.preventDefault();
        $("div",this).toggleClass("img1");
    }          
   );
});

 <div><a href="#" class="changeImage" rel="1"><img class="thumb" src="images/image1_thumb.png" /></a></div>

.image1 {
background:url(images/fast.png) no-repeat;

}

.image2 {background:url(images/peep.png) no-repeat;
}

$(document).ready(function(){
    $("a").click(function(e){
        e.preventDefault();
        $("div",this).toggleClass("img1");
    }          
   );
});