单击更改javascript中的类

单击更改javascript中的类,javascript,html,Javascript,Html,我有一个带有一堆 二元的 关于 代表 您需要将所有标记类名。活动的选项卡标题更改为选项卡标题。然后添加一个此类名为的类。活动的选项卡标题 工作片段 $(文档).ready(函数(){ $('a')。单击(函数(){ $('a').removeClass('tab-title-active').addClass('tab-title'); $(this.addClass('tab-title-active'); log($(this.attr('class')); }); }); a.

我有一个带有一堆

二元的

关于

代表


您需要将所有
标记
类名
。活动的选项卡标题
更改为
选项卡标题
。然后添加一个
类名为
的类。活动的选项卡标题

工作片段
$(文档).ready(函数(){
$('a')。单击(函数(){
$('a').removeClass('tab-title-active').addClass('tab-title');
$(this.addClass('tab-title-active');
log($(this.attr('class'));
});
});
a.tab-title{
字号:18px;
字体大小:400;
列表样式:无;
颜色:#444;
边缘顶部:10px;
}
a、 选项卡标题处于活动状态{
字号:18px;
字体大小:粗体;
列表样式:无;
颜色:#0091e4;
边缘顶部:10px;
}

二元的

关于

代表


您需要将所有
标记
类名
。活动的选项卡标题
更改为
选项卡标题
。然后添加一个
类名为
的类。活动的选项卡标题

工作片段
$(文档).ready(函数(){
$('a')。单击(函数(){
$('a').removeClass('tab-title-active').addClass('tab-title');
$(this.addClass('tab-title-active');
log($(this.attr('class'));
});
});
a.tab-title{
字号:18px;
字体大小:400;
列表样式:无;
颜色:#444;
边缘顶部:10px;
}
a、 选项卡标题处于活动状态{
字号:18px;
字体大小:粗体;
列表样式:无;
颜色:#0091e4;
边缘顶部:10px;
}

二元的

关于

代表


从所有锚定标记中删除类
选项卡标题活动
,然后将其添加回当前目标

$(文档).ready(函数(){
$('a')。单击(函数(){
//正在从具有此类的元素中删除该类
$('.tab-title-active').removeClass('tab-title-active');
//将其添加到选定元素
$(this).addClass('tab-title-active')
});
});
.tab标题{
颜色:绿色
}
.选项卡标题处于活动状态{
颜色:红色
}

二元的

关于

代表


从所有锚定标记中删除类
选项卡标题活动
,然后将其添加回当前目标

$(文档).ready(函数(){
$('a')。单击(函数(){
//正在从具有此类的元素中删除该类
$('.tab-title-active').removeClass('tab-title-active');
//将其添加到选定元素
$(this).addClass('tab-title-active')
});
});
.tab标题{
颜色:绿色
}
.选项卡标题处于活动状态{
颜色:红色
}

二元的

关于

代表


将js的第一行更改为$(“a”).removeClass('tab-title')@mplungjan好的,sorry将js的第一行更改为$(“a”).removeClass('tab-title')@好的,对不起
$(document).ready(function() {
  $('a').click(function() {
    $('a').removeClass('tab-title-active');//this would remove active class from previous hyperlinks and the remaining code will apply the same
    $(this).removeClass('tab-title');
    $(this).addClass('tab-title-active');
    $(this).siblings().removeClass('tab-title-active');
    $(this).siblings().addClass('tab-title');
    console.log($(this));
  });
});