Javascript Jquery AddClass和RemoveClass

我希望在单击选项卡时添加类和删除类，当我第一次单击选项卡时，

shopiteminfo\u content\u mobile\u label

添加类调用

activetab

，如果我再次单击选项卡或单击其他选项卡，类

activetab

将被删除。之所以这样做是因为我希望活动选项卡有一个特殊的css。你知道怎么做吗？AddClass和RemoveClass。。。谢谢

$（函数（）{
$（'.shopiteminfo\内容\移动\标签'）。单击（函数（）{
$（this.removeClass（“activetab”）；
$（this.addClass（“activetab”）；
$（this）.next（'.shopiteminfo\u content\u mobile\u content'）.slideToggle（）；
$（this）.parent（）.sides（）.children（）.next（）.slideUp（）；
返回false；
});
$（'.shopiteminfo\u content\u mobile\u label'）.bind（'touchstart'，函数（e）{
$（this.trigger（'click'）；
e、 预防默认值（）；
});
});
.shopiteminfo\u内容\u移动\u容器{
位置：相对位置；
明确：两者皆有；
字体系列：'Raleway'；
边缘底部：10px；
颜色：#000；
}
.shopiteminfo\u内容\u手机\u容器li{
显示：块；
文本对齐：居中；
文字装饰：无；
列表样式：无；
颜色：#888；
边框：1px实心#ddd；
背景：#fff；
光标：指针；
}
.shopiteminfo\u内容\u手机\u标签{
光标：指针；
显示：块；
文本对齐：左对齐；
字体大小：14px；
颜色：#000；
填充：10px；
}
.shopiteminfo\u内容\u手机内容{
显示：无；
字体大小：15px；
文本对齐：对齐；
背景：#fff；
颜色：#000；
}
.shopiteminfo\u content\u mobile\u content:类型的最后一个{
}
.shopiteminfo\u手机\u产品详细信息\u内部容器{
宽度：95%；
边框底部：1px虚线#ccc；
边缘底部：10px；
左边距：10px；
垫底：10px；
}
.shopiteminfo\u mobile\u产品详细信息\u内部容器.shopiteminfo\u mobile\u标签{
显示：列表项；
列表样式：无；
字体大小：粗体；
字体大小：13px；
填充：3倍；
}
.shopiteminfo\u手机\u产品详细信息\u画廊\u容器{
填充：0px 10px 10px 10px；
}
.shopiteminfo\u手机\u产品详细信息\u画廊\u容器图片{
宽度：自动；
高度：自动；
显示：块；
保证金：0自动；
填充顶部：10px；
垫底：10px；
}
.shopiteminfo\u mobile\u productsdetail\u galleryname{
背景：#09c；
颜色：#fff；
文本转换：大写；
填充：10px；
文本对齐：居中；
边缘顶部：5px；
宽度：自动；
}


A.
测验


B
测验


C
测验

更换以下部件

$(this).removeClass("activetab");
$(this).addClass("activetab");

使用哪一个

从集合中的每个元素添加或删除一个或多个类
匹配的元素，取决于类的存在或
状态参数的值

你应该使用

这将删除css类（如果它已经存在），或者添加它（如果没有）。
只是为了尝试一下，您可以使用三元运算符？：，也可以称为三元if。在一行代码中，检查元素是否具有活动类。如果有，则单击“删除”，如果没有，则添加此项。这是密码

HTML:

<div id="mainDiv">Click Here</div>

.activeDiv{
    background-color : green;   
}

$("#mainDiv").on("click", function(){
    $(this).hasClass("activeDiv") ? $(this).removeClass("activeDiv") : $(this).addClass("activeDiv")
});

jQuery:

<div id="mainDiv">Click Here</div>

.activeDiv{
    background-color : green;   
}

$("#mainDiv").on("click", function(){
    $(this).hasClass("activeDiv") ? $(this).removeClass("activeDiv") : $(this).addClass("activeDiv")
});

这就是你想要的吗？

我想这是最短的一条路了。我只是给了一个选择，挖一点点。嗨，当点击本身仍然是红色？没有恢复正常吗？如果你需要的话，让我换一下。