Javascript 单击JQuery-选择具有相同类的所有项目，并从中删除某个类，然后添加到单击的项目（活动效果）

我已经建立了一个CSS按钮库，现在我正在建立一个扩展，我更喜欢小模块，而不是大量的大文件。按钮的基类是.btns button，然后应用更多的类来进一步提供样式

我有一个.btns活动类，我希望在单击时应用它。我不能以ID为目标，因为这是一个设计用于任何项目的库

我正在构建一个演示页面，并尝试将.btns活动应用于单击的按钮，同时将其从已应用.btns活动的任何其他按钮中删除

.btns按钮{ 光标：指针； 边界：无； 背景色：中交； 字体系列：开放式Sans，无衬线； 颜色：fff； 字体大小：粗体； 利润率：10px； 填充：10px； 字号：1.25em； 过渡：0.5s； } 点击我 点击我 点击我 点击我

---

单击我清除所有按钮，然后应用到相应的按钮

$('.btns-button').on("click", function (){
$('.btns-active').removeClass('btns-active');
$(this).addClass('btns-active');
});

---

尝试缓存引用

var $buttons = $('.btns-button');

$buttons.on('click', function () {

  $buttons.removeClass('btns-active');

  $(this).addClass('active');

});

示例：

您可以使用.siblines.class引用其旁边具有相同类的所有控件，在这种情况下，应该始终只找到1个按钮，我们从该按钮中删除该类

给定一个表示一组DOM元素的jQuery对象，.sibles方法允许我们在DOM树中搜索这些元素的同级，并从匹配的元素构造一个新的jQuery对象

该方法可以选择接受与我们可以传递给$function的类型相同的选择器表达式。如果提供了选择器，将通过测试元素是否匹配来过滤元素

$'.btns按钮'.onclick，函数{ $this.addClass'btns-active'//将类添加到单击的按钮 .sides.btns-active//查找同一级别的任何其他按钮 .removeClass'btns-active'；//从“查找”按钮中删除该类 }; .btns按钮{ 光标：指针； 边界：无； 背景色：中交； 字体系列：开放式Sans，无衬线； 颜色：fff； 字体大小：粗体； 利润率：10px； 填充：10px； 字号：1.25em； 过渡：0.5s； } .BTN活动{ 背景色：fff； 颜色：000； } 点击我 点击我 点击我 点击我

---

单击我首先：让舒尔在加载evrything后执行您的代码

window.addEventListener'load'，=>{ $'.btns按钮'.onclick，函数{ $'.btns按钮'.removeClass'btns-active'； $this.addClass'btns-active'； }; } .btns按钮{ 光标：指针； 边界：无； 背景色：中交； 字体系列：开放式Sans，无衬线； 颜色：fff； 字体大小：粗体； 利润率：10px； 填充：10px； 字号：1.25em； 转换：0.5s；} .BTN活动{ 背景色：cc0000； } 点击我 点击我 点击我 点击我

---

单击我您可以使用$'.btns button'.removeClass'btns-active'。对不起，它实际上就在那里，我在玩弄它，制作了一个button变量，因此为什么这个'button'仍然在那里而不是$'.btns button'-它因为某种原因不起作用。到底什么东西对您不起作用？“BTN-Active”类是否在旧的元素上仍然存在，或者新的元素没有得到该类吗？如果在加载事件之后没有执行代码的考虑：AdvEntSertEngs' Load’、“＝{{$$”、“BTNS按钮”、“OnCalk”、“函数{$$”、“BTNS按钮”、“ReaveCeCase'BTNS Active”；$Ad.AdCube“BTN-Sctive Active”；}；PS：很抱歉发垃圾邮件。我这个愚蠢的问题现在已经解决了。首先，当链接到JQuery时，问题是输入错误-现在我觉得很愚蠢。谢谢你的建议，这也不起作用-看看有问题的页面会不会有帮助，因为我尝试过的每个JQuery或JS方法都不起作用。如果初始化变量，请使用var。@D.Winning检查我的示例。你的虫子可能在别的地方。你如何定义活动BTN上的样式？我这个愚蠢的问题现在已经解决了。当链接到JQuery时，问题首先是一个输入错误——现在我觉得自己很愚蠢。