jQuery 切换类以删除高亮

Question

这应该是一个非常基本的修复。我想在单击已突出显示的按钮时从中删除选定的类。我希望在任何给定时间只突出显示一个按钮。

http://jsfiddle.net/7wy7sjm5/1/

编辑:我首先执行所有类的删除类的原因是，当单击一个类时，我只希望突出显示该类，而不会突出显示之前单击的类。当点击已经突出显示的同一个按钮时，想要删除突出显示。希望这是有道理的。

$(".details-btn").on("click", function(){
var $this = $(this);
//Add/Remove selected for button
$(".details-btn").removeClass("selected");
$this.toggleClass("selected");});

Answer 1

$('.details-btn') 传递具有该类的所有元素的数组并删除该类，然后将该类添加到单击的元素。

表格元素也在监听任何带有选择器“.details-btn”的点击。 $(this) 将始终是触发事件的元素。

$("table").on("click", ".details-btn", function(){
   $('.details-btn').removeClass('selected'); 
   $(this).addClass('selected');

});