Jquery 按下重置按钮时从多个对象中删除所有类

你好，我有一个问题，当按下按钮时重置所有的类。我有以下HTML设置：

<a class="test testclass">Test 1</a>
<a class="test testclass">Test 2</a>
<a class="test testclass">Test 3</a>

<a class="reset_all_classes">RESET ME</a>

---

您的代码有问题

每次单击元素时，类都会更改。当您按照代码重置时，它正在切换。所以它不会进入初始状态

解决方案

我使用
removeClass（）
和
addClass（）
将元素设置为初始状态

代码有问题

每次单击元素时，类都会更改。当您按照代码重置时，它正在切换。所以它不会进入初始状态

解决方案

我使用
removeClass（）
和
addClass（）
将元素设置为初始状态


$（'.test'）。单击（函数（）{
$（this.toggleClass（'testclass testclass active'）；
})
//通过删除所有服务器上所有活动的testclass进行重置
$（'.reset_all_class'）。单击（函数（）{
$（'.test'）.removeClass（“testclass活动”）.addClass（“testclass”）；
})
.testclass，
.重置所有课程，
.testclass处于活动状态{
显示：块；
宽度：100px；
填充物：5px10px；
背景颜色：浅蓝色；
利润率：20px；
光标：指针；
}
.testclass处于活动状态{
背景颜色：绿色；
}
.重置所有类{
背景色：红色；
}

测试1
测试2
测试3
重置我
$（'.test'）。单击（函数（）{
$（this.toggleClass（'testclass testclass active'）；
})
//通过删除所有服务器上所有活动的testclass进行重置
$（'.reset_all_class'）。单击（函数（）{
$（'.test'）.removeClass（“testclass活动”）.addClass（“testclass”）；
})
.testclass，
.重置所有课程，
.testclass处于活动状态{
显示：块；
宽度：100px；
填充物：5px10px；
背景颜色：浅蓝色；
利润率：20px；
光标：指针；
}
.testclass处于活动状态{
背景颜色：绿色；
}
.重置所有类{
背景色：红色；
}

测试1
测试2
测试3
重置我

不要切换只添加类和删除类您知道要添加什么和删除什么

不要切换只添加类和删除类您知道要添加什么和删除什么
$（'.test'）。单击（函数（）{
$（this.toggleClass（'testclass testclass active'）；
})
//通过删除所有服务器上所有活动的testclass进行重置
$（'.reset_all_class'）。单击（函数（）{
$（'.test'）.removeClass（'testclass-active'）；
$（'.test'）.addClass（'test testclass'）；
})

.testclass、.reset\u所有类、.testclass处于活动状态{
显示：块；
宽度：100px；
填充物：5px10px；
背景颜色：浅蓝色；
利润率：20px；
光标：指针；
}
.testclass处于活动状态{
背景颜色：绿色；
}
.重置所有类{
背景色：红色；
}

测试1
测试2
测试3
重置我
$（'.test'）。单击（函数（）{
$（this.toggleClass（'testclass testclass active'）；
})
//通过删除所有服务器上所有活动的testclass进行重置
$（'.reset_all_class'）。单击（函数（）{
$（'.test'）.removeClass（'testclass-active'）；
$（'.test'）.addClass（'test testclass'）；
})

.testclass、.reset\u所有类、.testclass处于活动状态{
显示：块；
宽度：100px；
填充物：5px10px；
背景颜色：浅蓝色；
利润率：20px；
光标：指针；
}
.testclass处于活动状态{
背景颜色：绿色；
}
.重置所有类{
背景色：红色；
}

测试1
测试2
测试3
重置我
toggleclass真的适合吗？这意味着，如果一个对象没有该类，它将被添加。。。我会使用“removeClass”（仅在重置部分中）。顺便说一句，您应该使用“.on”事件处理程序（如$（document）.on（'click'，'item'，func（）{}）…感谢您的回复？请详细说明为什么使用“.on”事件？toggleclass真的合适吗？这意味着，如果一个对象没有该类，它将被添加…我将使用“removeClass”（仅在重置部分）。顺便说一句，您应该使用“.on”事件处理程序（如$（document）.on（'click'，'item'，func（）{}）…感谢您的回复？请详细说明为什么使用.on'event？您比我更了解它：（哈哈..有时会发生
：）
sad:（下次为我们键入更快的内容：（谢谢你的回答@RinoRaj！这正是我想要的。如果你删除并添加一个类，感觉就像是在切换一样哈哈。我会在时间限制结束后接受你的回答；）@Rotan075好的。。很高兴听到这有帮助。
：）
你比我强：（哈哈……有时会发生
：）
悲伤：（下次给我们打快一点：（谢谢你的回答@RinoRaj！这正是我想要的。如果你删除并添加一个类，感觉就像是在切换一样哈哈。我会在时间限制结束后接受你的答案；）@Rotan075好的。。很高兴听到这有帮助。
：）
尝试使用
$（'.test'）。removeClass（'testclass-active'））.addClass（'testclass'）；
而不是使用两行。尝试使用
$（'test'）。removeClass（'testclass-active'）。addClass（'testclass'）；
而不是使用两行。
$('.test').click(function(){
    $(this).toggleClass('testclass testclass-active');
})

// Reset by removing all the testclass-active on all the <a>
$('.reset_all_classes').click(function(){
    $('.test').toggleClass('testclass-active testclass');
})

$('.reset_all_classes').click(function(){
    $('.test').removeClass('testclass-active').addClass('testclass');
})

$('.reset_all_classes').click(function(){
    $('.test').removeClass('testclass-active').addClass('testclass');
})