jquery - 想要在单击当前标题 id 时删除突出显示的标题

Question

我得到了这个 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');     
    });

Answer 1

您可以这样做：

小提琴示例

.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>