我有这个jquery代码,我发现当我点击标题时它突出显示红色。我现在的问题是删除突出显示的颜色,只突出显示当前或最近点击的颜色
$j('div.tabbed-sidebar ul.sidebar-tabs li a').click(function () {
$j(this).css('background-color', 'red'); <---this is where is highlights red
$j(this).removeClass('tab-current');
var thisClass = this.className.substring(12, this.className.length);
var parentId = this.parentNode.parentNode.parentNode.id;
$j('#' + parentId + '.tabbed-sidebar div.sidebar-tab-content').hide();
$j('#' + parentId + '.tabbed-sidebar div.sidebar-tab-content-' + thisClass).show();
$j('#' + parentId + '.tabbed-sidebar ul.sidebar-tabs li a').removeClass('tab-current');
$j(this).addClass('tab-current');
});
答案 0 :(得分:0)
以下是如何做到这一点:
的.js
$("h2").on("click",function(){
$(this).addClass("red");
$("h2").not(this).removeClass("red");
});
的CSS
.red{
background: red;
}
html的
<h2>header</h2>
<h2>header</h2>
<h2>header</h2>
<h2>header</h2>
<h2>header</h2>